

## Plan: Enrichir visuellement le deck `/deck`

### Problemes identifies

1. **Slide 2 (Sommaire/TOC)** — Grille 3x3 avec des cartes trop petites et beaucoup d'espace vide. Les icones des sections ne sont pas affichees, seulement les numeros.
2. **Slide 5 (Interstitiel Methodologie)** — Slide interstitiel minimaliste avec juste un numero dans un cercle et du texte. Trop vide.
3. **Slide 12 (WhatsApp Chatbot Demo)** — Actuellement montre une seule image `whatsapp-flow-complete.png`. L'utilisateur fournira 3 screenshots pour les 3 etapes du chatbot.
4. **Slides 19 & 20 (Dashboard)** — Screenshots limites a `max-h-[420px]`, trop petits.

### Modifications prevues

#### Slide 2 — Sommaire enrichi
- Afficher les icones de chaque section (deja definies dans les donnees `t.toc.items` avec `icon`)
- Agrandir les cartes avec plus de padding, icones plus grandes et colorees
- Ajouter un fond degrade ou des couleurs d'accent aux cartes pour casser la monotonie
- Reduire les gaps pour mieux remplir l'espace

#### Slide 5 — Interstitiels plus riches (tous les interstitiels)
- Ajouter l'icone de la section correspondante dans le cercle au lieu du numero seul
- Ajouter un fond graphique subtil (motif geometrique ou gradient)
- Ajouter des elements decoratifs (lignes, shapes) pour combler l'espace vide

#### Slide 12 — Chatbot WhatsApp (en attente des screenshots)
- Preparer un layout 3 colonnes pour afficher les 3 screenshots des etapes chatbot
- Chaque colonne avec un titre (Estimation, Qualification, Booking) et le screenshot correspondant
- En attendant les screenshots, noter que le layout sera pret a les recevoir

#### Slides 19 & 20 — Dashboard agrandis
- Passer de `max-h-[420px]` a `max-h-[520px]` ou supprimer la contrainte max-height
- Utiliser `w-full` avec un ratio controle pour que l'image prenne tout l'espace disponible
- Reduire le padding et les marges pour maximiser l'espace de l'image

### Details techniques

**Fichier modifie** : `src/pages/PresentationDeck.tsx`

- **TOC** (lignes ~571-597) : Ajouter le rendu `<item.icon>` dans chaque carte, revoir les tailles de grille et padding
- **InterstitialSlide** (lignes ~518-540) : Enrichir le composant avec icone, fond graphique et elements decoratifs
- **WhatsApp demo** (lignes ~797-824) : Restructurer en 3 colonnes avec placeholder pour screenshots
- **Dashboard slides** (lignes ~1020-1047) : Augmenter `max-h` et optimiser l'utilisation de l'espace

