stefanomanca
8394e3bbca
Error Handling: Introdotte nuove pagine di errore dedicate (403, 404, 500 e generica) e aggiornata la logica di routing in App.svelte per la gestione degli stati di errore. Button Component: Estese le funzionalità del componente per supportare link diretti e personalizzazione della larghezza del bordo. Header Component: Ottimizzata la UX implementando la scomparsa dell'header durante lo scroll. Refactoring & Style: Aggiornati gli stili globali per coerenza visiva e rimossi i file obsoleti relativi alle vecchie pagine di errore. Co-authored-by: Copilot <copilot@github.com>
cimaprogetti - Sito Aziendale
Sito web di Cima Progetti realizzato con Svelte e Vite.
Struttura del Progetto
src/
├── components/ # Componenti Svelte riutilizzabili
│ ├── Header.svelte
│ ├── Hero.svelte
│ ├── Services.svelte
│ └── Footer.svelte
├── App.svelte # Componente principale
└── main.js # Entry point dell'applicazione
Componenti Disponibili
- Header: Barra di navigazione sticky con menu
- Hero: Sezione hero con call-to-action
- Services: Griglia con i servizi offerti
- Footer: Footer con informazioni aziendali e link
Setup Iniziale
Installazione
npm install
Avvio dello sviluppo
npm run dev
Il progetto sarà disponibile su http://localhost:5173
Build per la produzione
npm run build
Preview della build
npm run preview
Customizzazione
Modificare i Servizi
Modifica l'array services nel file src/components/Services.svelte per aggiungere/rimuovere servizi.
Cambiare i Colori
I colori principali sono definiti negli <style> di ogni componente:
- Blu primario:
#0066cc - Blu scuro:
#0052a3 - Arancione:
#ff6b35
Aggiungere Nuove Pagine
- Crea un nuovo file
.svelteinsrc/pages/ - Importalo in
App.svelte - Aggiungi la navigazione in
Header.svelte
Tecnologie Utilizzate
- Svelte - Framework UI reattivo
- Vite - Build tool moderno e veloce
- CSS3 - Styling responsive