Gym-Landing

Questa landing page è stata progettata per una palestra al fine di promuovere i suoi servizi e generare lead tramite un modulo di contatto. Utilizza tecnologie moderne come Tailwind CSS, Vite.js e JavaScript/TypeScript per garantire un design responsive e prestazioni elevate.

---

🖥️ Caratteristiche principali

• Index.html: Punto di ingresso per la landing page.
• Design moderno e responsivo: Ottimizzato per desktop e dispositivi mobili.
• Configurazione con Tailwind CSS: Consente una personalizzazione rapida del design.
• Compatibilità TypeScript: Gestione del progetto strutturata e sicura.
• Configurazione pronta per Vite: Per sviluppo rapido e build ottimizzata.

---

📂 Struttura del Progetto

├── .gitignore             # File di esclusione per Git
├── eslint.config.js       # Configurazione ESLint per mantenere il codice pulito
├── index.html             # File HTML principale della landing page
├── node_modules/          # Moduli npm installati
├── package-lock.json      # File di lock delle dipendenze
├── package.json           # File di configurazione npm
├── postcss.config.js      # Configurazione di PostCSS
├── src/                   # Codice sorgente
│   ├── components/        # Componenti principali (sezione servizi, testimonianze, ecc.)
│   ├── styles/            # File di stile personalizzati
│   └── app.tsx            # Entrypoint dell'applicazione
├── tailwind.config.js     # Configurazione di Tailwind CSS
├── tsconfig.app.json      # Configurazione TypeScript per l'app
├── tsconfig.json          # Configurazione TypeScript generale
├── tsconfig.node.json     # Configurazione TypeScript per Node.js
└── vite.config.ts         # Configurazione di Vite.js

---

🚀 Setup del Progetto

Prerequisiti

Assicurati di avere installati:

• Node.js (versione LTS consigliata)
• npm o yarn

Istruzioni

1. Clona il repository:

   git clone <URL_REPOSITORY>
   cd <NOME_CARTELLA>

2. Installa le dipendenze:

   npm install

3. Avvia il server di sviluppo:

   npm run dev

4. Apri il browser e visita:

   http://localhost:5173
   

---

🌐 Deploy su Vercel

1. Installa il CLI di Vercel:

   npm install -g vercel

2. Effettua il deploy:

   vercel

3. Segui le istruzioni sul terminale. Al termine, riceverai un URL live del progetto.

---

🎨 Personalizzazioni

• Colori e stile: Aggiorna il file tailwind.config.js per personalizzare i colori e gli stili globali.
• Sezioni e contenuto: Modifica i file nella directory src/components per aggiungere o aggiornare sezioni della landing page.
• Configurazioni avanzate: Puoi modificare vite.config.ts per integrare plugin o migliorare il processo di build.

---

🛠️ Tecnologie Utilizzate

• Vite.js: Per uno sviluppo rapido e un processo di build ottimizzato.
• Tailwind CSS: Framework CSS per un design reattivo e moderno.
• TypeScript: Per una gestione del codice tipizzata e sicura.
• PostCSS: Per estensioni CSS avanzate.

---

✨ Note

• La landing page è progettata per essere facilmente espandibile. Puoi aggiungere nuove funzionalità e sezioni modificando la struttura esistente.