Download Listino

Pacchetto completo per integrazione listino

Scarica tutti i file necessari per riprodurre le pagine listino e calcolatori sul sito Veronasped. Include componenti React, dati di pricing, stili e istruzioni dettagliate.

Scarica il pacchetto completo

Il ZIP contiene tutti i file necessari per integrare le pagine listino sul sito Veronasped

Componenti React

Tutti i componenti per listino, calcolatori e tabelle prezzi

Dati di pricing

Prezzi, accise, zone geografiche in formato TypeScript

Istruzioni complete

README.md con guida dettagliata per l'integrazione

Corpo della mail

Ciao,

Ti invio il pacchetto completo per integrare le pagine listino e calcolatori sul sito di Veronasped.

**COSA CONTIENE IL ZIP:**
- Tutti i componenti React necessari per le pagine listino
- I dati di pricing (prezzi, accise, zone geografiche)
- Gli stili CSS/Tailwind necessari
- Istruzioni dettagliate nel README.md

**STRUTTURA DEL PACCHETTO:**
- `app/listino/` - Pagina principale listino B2C
- `app/listino-rappresentanza-fiscale/` - Pagina rappresentanza fiscale
- `components/listino/` - Tutti i componenti React (tabelle, calcolatori, ecc.)
- `lib/pricing-data.ts` - Dati di pricing (prezzi, accise, zone)
- `README.md` - Istruzioni dettagliate per l'integrazione

**PERSONALIZZAZIONE LOGHI:**
I loghi SPST sono referenziati tramite URL CDN. Per sostituirli con i loghi Veronasped:
1. Cerca nel codice tutti i riferimenti a `LOGO_URL` o URL di immagini
2. Sostituisci con i loghi Veronasped (puoi usarli come URL o importarli localmente)
3. I loghi principali sono nell'header (se presente) e nelle email

**TECNOLOGIE UTILIZZATE:**
- Next.js 14.2.5 (App Router)
- React 18.2.0
- TypeScript
- Tailwind CSS
- Framer Motion (per animazioni)
- Lucide React (per icone)

**DIPENDENZE PRINCIPALI:**
- next, react, react-dom
- framer-motion
- lucide-react
- tailwindcss, autoprefixer, postcss

**NOTE TECNICHE:**
- I componenti sono completamente client-side ("use client")
- I dati di pricing sono in `lib/pricing-data.ts` e possono essere facilmente modificati
- Gli stili usano Tailwind CSS con classi utility
- I calcolatori sono interattivi e calcolano in tempo reale
- Le pagine sono responsive (mobile-first)

**PASSI PER L'INTEGRAZIONE:**
1. Estrai il contenuto del ZIP nella struttura del progetto Veronasped
2. Installa le dipendenze: `npm install`
3. Configura Tailwind CSS (vedi README.md)
4. Sostituisci i loghi SPST con quelli Veronasped
5. Personalizza i colori brand se necessario (cerca "orange-500", "orange-600" nel codice)
6. Testa le pagine e i calcolatori

**PERSONALIZZAZIONE COLORI:**
I colori brand SPST sono:
- Arancione: #f7931e (orange-500/orange-600 in Tailwind)
- Blu: #1c3e5e (SPST_BLUE_SOFT)
- Sfondo: gradient da #1c3e5e a #0a1722

Puoi sostituirli con i colori Veronasped cercando nel codice questi valori.

Se hai domande o hai bisogno di supporto per l'integrazione, fammi sapere!

Cordiali saluti