Customization

Cambiare i dati mock

Edita i file in src/assets/mock/. Vedi Mock Data.

Cambiare i colori

I design tokens sono in src/styles.css:

:root {
  --color-accent: #0969da;        /* Cambia qui per il colore primario */
  --color-bg-default: #ffffff;
  --color-fg-default: #1f2328;
  /* ... */
}

Cambiare il logo

Sostituisci public/favicon.ico e aggiungi il logo SVG in public/logo.svg.

Aggiungere route

1. Crea il componente in src/app/pages/{nome}/
2. Aggiungi la route in src/app/app.routes.ts:

{
  path: 'servizi',
  loadComponent: () => import('./pages/servizi/servizi.component').then((m) => m.ServiziComponent),
  title: 'Servizi — Dermatologo'
}

Cambiare i metadati SEO

Edita src/index.html per:

• <title> globale
• <meta name="description">
• Open Graph

Per metadati per-route usa Title e Meta di @angular/platform-browser.

Disabilitare il prerender

In angular.json:

"prerender": false

In questo caso il sito gira solo in modalità SSR runtime (più lento al cold start, più dinamico).

White-label per cliente

1. Fork del repo o copia in nuova cartella
2. Sostituisci dermatologo con nome cliente (acme-pizzeria)
3. Sostituisci footer rimuovendo riferimento a Federico (modifica footer.component.ts)
4. Personalizza vercel.json con domain custom cliente
5. Deploy su Vercel cliente con loro account