89 lines
1.9 KiB
Markdown
89 lines
1.9 KiB
Markdown
# cimaprogetti - Sito Aziendale
|
|
|
|
Sito web professionale 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
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### Avvio dello sviluppo
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
Il progetto sarà disponibile su `http://localhost:5173`
|
|
|
|
### Build per la produzione
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
### Preview della build
|
|
|
|
```bash
|
|
npm run preview
|
|
```
|
|
|
|
## Customizzazione
|
|
|
|
### Modificare i Servizi
|
|
|
|
Modifica l'array `services` nel file [src/components/Services.svelte](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
|
|
|
|
1. Crea un nuovo file `.svelte` in `src/pages/`
|
|
2. Importalo in `App.svelte`
|
|
3. Aggiungi la navigazione in `Header.svelte`
|
|
|
|
## Tecnologie Utilizzate
|
|
|
|
- **Svelte** - Framework UI reattivo
|
|
- **Vite** - Build tool moderno e veloce
|
|
- **CSS3** - Styling responsive
|
|
|
|
## Prossimi Passi
|
|
|
|
- [ ] Aggiungere routing con SvelteKit
|
|
- [ ] Integrare animazioni con Svelte transitions
|
|
- [ ] Aggiungere form di contatto
|
|
- [ ] Ottimizzare SEO
|
|
- [ ] Aggiungere dark mode
|
|
|
|
---
|
|
|
|
**Nota**: Questo è un template base. Personalizza i contenuti, le immagini e i colori secondo le tue esigenze aziendali.
|