# San Marco Vision — 3 landing page
Tre proposte di homepage per **San Marco Vision**, tipografia storica di Pordenone dal 1961.
Stesso brand e stessa impostazione di marketing, tre direzioni visive (tutte in tonalità del blu,
look light, stile *big font*, hero con video, CTA orientata alla conversione).
## Come aprirle
Doppio click su `index.html` funziona, ma per vedere i font e i video al meglio conviene un piccolo
server locale:
```bash
cd /home/echo/Desktop/sanmarco
python3 -m http.server 8000
# poi apri http://localhost:8000/
```
Da `index.html` accedi alle tre versioni:
| File | Stile | Firma |
|------|-------|-------|
| `v1-editoriale.html` | Editoriale, griglia svizzera | crocini di registro + crop marks, type enorme |
| `v2-cinematic.html` | Cinematic, immersiva | hero video full-bleed, titolo in mix-blend, barra "copertura inchiostro" |
| `v3-vibrant.html` | Vibrant Bento, modern tech | griglia bento prodotti, gradienti, chip Pantone |
## Struttura
```
index.html vetrina che confronta le 3 versioni
v1-editoriale.html / v2-cinematic.html / v3-vibrant.html
assets/css/ base.css (comune) + v1.css / v2.css / v3.css
assets/js/ common.js (contatori, scroll-reveal, menu, form mock, tilt, ink-bar)
assets/video/ slot per il video reale della hero (vedi README lì dentro)
```
## Cosa è "vero" e cosa è segnaposto
- **Logo**: solo la scritta `SAN MARCO VISION`, come richiesto.
- **Immagini**: blocchi placeholder con etichetta. Sostituiscili con `` reali mantenendo lo stesso contenitore.
- **Video hero**: ora c'è uno sfondo animato in CSS che fa anche da poster. Per usare un video reale,
metti `assets/video/hero.mp4` e togli il commento al tag `` nelle hero (cerca `assets/video/hero.mp4`).
- **Contatti / indirizzo / P.IVA / WhatsApp**: segnaposto (`Via della Stampa 12`, `+39 0434 000000`,
`preventivi@sanmarcovision.com`, `wa.me/390000000000`). Cerca e sostituisci con i dati reali.
- **Form preventivo**: è una demo front-end. Mostra lo stato di successo ma **non invia** nulla.
Per renderlo reale, collega il `