Initial commit
This commit is contained in:
@@ -0,0 +1,88 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user