# 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.
