# Salon de la Gare - Cahier des Charges Design 2026

## Vision
Un site web de classe mondiale pour un coiffeur d'exception à Soissons. L'objectif est une esthétique digne d'un "Site of the Day" en 2026 : cinématique, sensoriel, haut de gamme.

## Identité de Marque
- **Nom :** Salon de la Gare
- **Lieu :** 3 Rue de Villeneuve, 02200 Soissons, France
- **Contact :** 0323533779 | @salondelegare_soissons
- **Slogan :** Où la beauté rencontre l'expertise

## Directives Visuelles (CSS Variables)
- `--color-primary: #4A90E2`
- `--color-accent: #E94E77`
- `--color-bg: #FFFFFF`
- `--color-text: #333333`
- `--color-deep: #000000`

## Effets Spéciaux 2026
- Superposition de grain/bruit SVG (3-5% opacité).
- Cartes en Glassmorphisme (blur 20px).
- Blobs organiques flottants avec flou gaussien (100-140px).
- Ornements SVG fins et asymétriques (arcs, anneaux).
- Layout "Broken Grid" avec éléments décalés et superposés.
- Transitions entre sections via des vagues organiques multicouches.

## Animations Clés
- `float`: Mouvement organique des blobs.
- `rotateOrbit`: Rotation lente des ornements.
- `revealUp`: Apparition séquencée au chargement.
- `shimmer`: Effet de brillance sur les boutons d'appel à l'action.
- `textGlide`: Marquee ticker pour le défilement de texte.
- `pulse-pin`: Animation du marqueur de carte.

## Structure des Sections
1. **Navigation :** Fixe, transparente puis opaque au défilement. Menu mobile morphing.
2. **Héros :** 100vh, typographie géante, badge de localisation, boutons scintillants.
3. **À Propos :** Typographie éditoriale, statistiques avec soulignement accentué, badges pillules.
4. **Services :** Immersion sombre, cartes en glassmorphisme, typographie de valeur géante.
5. **Contact (Grille brisée) :** Cartes asymétriques pour le téléphone, l'adresse et les horaires.
6. **Horaires :** Plein écran avec particules dérivantes et cartes de planning.
7. **Contact & Carte :** 50/50 avec grille cartographique sombre et épingle pulsante.
8. **Footer :** Fond primaire, typographie fantôme, colonnes d'informations complètes.