# llms.txt pour eKonsilio.com

## À propos de ce fichier

Ce fichier a été créé pour aider les modèles de langage (LLMs) à comprendre la structure, le contenu et le fonctionnement du site web eKonsilio. Il fournit une vue d'ensemble complète de l'architecture du site, de ses routes, de son contenu et de ses fonctionnalités.

## Qu'est-ce qu'eKonsilio ?

eKonsilio est une plateforme de gestion de canaux de communication conversationnels pour les entreprises. La plateforme permet aux entreprises de centraliser et gérer leurs communications avec leurs clients à travers plusieurs canaux digitaux : Live Chat, WhatsApp, SMS, Messenger et Instagram.

### Mission et valeur

eKonsilio aide les entreprises à :
- Centraliser toutes leurs communications conversationnelles dans une seule plateforme
- Améliorer l'expérience client grâce à des conversations omnicanales
- Générer et qualifier des leads grâce au marketing conversationnel
- Automatiser les conversations avec des chatbots et workflows
- Analyser les performances des conversations sur tous les canaux

## Architecture technique du site

### Stack technologique

- **Framework** : Next.js 15 avec App Router
- **Langage** : TypeScript
- **Styling** : Tailwind CSS
- **Internationalisation** : next-intl
- **État global** : React Query (@tanstack/react-query)
- **Animations** : Framer Motion, GSAP
- **Gestion de contenu** : Intégration API externe pour les ressources
- **Formulaires** : HubSpot Forms intégration
- **Analytics** : Vercel Analytics, Hotjar
- **Déploiement** : Vercel

### Structure du monorepo

Le projet utilise un monorepo Turborepo avec :
- `apps/website/` : Application Next.js principale
- `packages/ui/` : Bibliothèque de composants UI réutilisables (shadcn/ui)
- `packages/utils/` : Utilitaires partagés
- `packages/puck/` : Composants pour l'éditeur visuel Puck

## Structure des routes et URLs

### Langues supportées

Le site supporte 4 langues avec des URLs préfixées :
- Français (fr) : Langue par défaut - `https://ekonsilio.com/fr`
- Anglais (en) : `https://ekonsilio.com/en`
- Italien (it) : `https://ekonsilio.com/it`
- Espagnol (es) : `https://ekonsilio.com/es`

Toutes les routes sont préfixées par la locale sauf la racine qui redirige vers la langue détectée ou par défaut.

### Routes principales

#### 1. Page d'accueil
- **URL** : `/{locale}/` (ex: `/fr/`)
- **Contenu** :
  - Header hero avec badges, titre principal et description
  - Section Plateforme (présentation de la plateforme)
  - Section Canaux (Live Chat, WhatsApp, SMS, Meta)
  - Section Offres (packages et tarifs)
  - Section Témoignages clients
  - CTA Footer (call-to-action final)

#### 2. Page Plateforme
- **URL** : `/{locale}/platform`
- **Contenu** :
  - Présentation détaillée de la plateforme eKonsilio
  - Logos des canaux supportés (SMS, Live Chat, WhatsApp, Meta, Inbox)
  - Vue de la plateforme (screenshot/vidéo)
  - Fonctionnalités clés
  - Logos clients
  - Section unique (points de différenciation)
  - Support multilingue
  - Études de cas
  - Section FAQ
  - Autres canaux disponibles

#### 3. Pages Canaux
Les canaux sont accessibles via des routes dynamiques : `/{locale}/{channel}`

**Canaux disponibles** :
- **Live Chat** : `/{locale}/live-chat`
- **WhatsApp** : `/{locale}/whatsapp`
- **SMS** : `/{locale}/sms`
- **Meta** (Messenger + Instagram) : `/{locale}/meta`

Chaque page de canal présente :
- Header avec badge, titre, description et CTA
- Liste des produits associés au canal
- Présentation visuelle du canal
- Études de cas clients (cas d'usage)
- Autres canaux disponibles (navigation)
- Section FAQ spécifique au canal

#### 4. Pages Produits (par canal)
Chaque canal a plusieurs produits associés accessibles via : `/{locale}/{channel}/{slug}`

**Produits par canal** :

**Live Chat** (`/live-chat/`) :
- `relation-client` : Solution de relation client via Live Chat
- `lead-gen` : Génération de leads via Live Chat

**SMS** (`/sms/`) :
- `google-business-profile-to-sms` : Intégration Google Business Profile vers SMS
- `call-to-sms` : Redirection d'appels vers SMS
- `campagnes-ponctuelles` : Campagnes SMS ponctuelles
- `rcs` : Messages RCS (Rich Communication Services)
- `cta-to-sms` : Call-to-action vers SMS
- `requalification-de-contacts` : Requalification de contacts via SMS

**WhatsApp** (`/whatsapp/`) :
- `qr-code-to-whatsapp` : QR Code vers WhatsApp
- `whatsapp-marketing` : Marketing via WhatsApp
- `cta-to-whatsapp` : Call-to-action vers WhatsApp
- `meta-to-whatsapp` : Intégration Meta vers WhatsApp
- `call-to-whatsapp` : Redirection d'appels vers WhatsApp
- `google-business-profile-to-whatsapp` : Intégration Google Business Profile vers WhatsApp

**Meta** (`/meta/`) :
- `conversations-meta` : Gestion des conversations Meta
- `campagnes-messenger` : Campagnes Messenger
- `campagnes-instagram` : Campagnes Instagram

#### 5. Page Offres
- **URL** : `/{locale}/offers`
- **Contenu** : Présentation des différents packages et tarifs de la plateforme

#### 6. Page Ressources
- **URL** : `/{locale}/resources`
- **Contenu** :
  - Liste des articles de blog
  - Études de cas
  - Conseils et actualités sur le marketing conversationnel
  - Filtrage par tags et catégories
  - Contenu dynamique récupéré depuis une API externe

#### 7. Page Ressource individuelle
- **URL** : `/{locale}/resources/{slug}`
- **Contenu** : Article de blog, étude de cas ou ressource individuelle

#### 8. Page Contact
- **URL** : `/{locale}/contact`
- **Contenu** : Formulaires de contact HubSpot pour différentes demandes

#### 9. Pages Entreprise
- **URL de base** : `/{locale}/company`

**Sous-pages** :
- **À propos** : `/{locale}/company/about-us`
  - Histoire et présentation de l'entreprise
  - Mission et valeurs
  
- **Vie d'entreprise** : `/{locale}/company/corporate-life`
  - Culture d'entreprise
  - Environnement de travail
  - Photos et témoignages d'employés
  
- **Rejoignez-nous** : `/{locale}/company/join-us`
  - Page de recrutement
  - Présentation des opportunités
  
- **Offres d'emploi** : `/{locale}/company/offers`
  - Liste des postes ouverts
  - Intégration avec système de recrutement (WeRecruit API)
  
- **Offre d'emploi individuelle** : `/{locale}/company/offers/{jobId}`
  - Détails d'une offre d'emploi spécifique
  
- **Équipes** : `/{locale}/company/teams`
  - Présentation des différentes équipes
  - Structure organisationnelle

#### 10. Pages Légales
- **Cookies** : `/{locale}/legals/cookies`
- **Mentions légales** : `/{locale}/legals/legals-notice`
- **Conditions d'utilisation** : `/{locale}/legals/terms-of-use`

## Fonctionnalités principales

### 1. Internationalisation (i18n)
- Support de 4 langues (fr, en, it, es)
- Détection automatique de la langue du navigateur
- Traductions complètes de l'interface
- Contenu multilingue pour les ressources

### 2. Intégration HubSpot
- Formulaires HubSpot intégrés pour les demandes de démo
- Gestion des leads via HubSpot
- Formulaires différents selon la langue/locale

### 3. Gestion des offres d'emploi
- API WeRecruit pour récupérer les offres
- Filtrage par état (publiées/non publiées)
- Pages dynamiques pour chaque offre

### 4. Gestion des ressources
- API externe pour les articles de blog
- Filtrage par langue
- Tags et catégories
- Système de publication (articles publiés/non publiés)

### 5. Consentement cookies
- Intégration Axeptio pour la gestion du consentement
- Google Consent Mode
- Scripts conditionnels selon le consentement

### 6. Analytics et tracking
- Vercel Analytics
- Hotjar pour l'analyse comportementale
- Tracking des conversions

### 7. Sitemap dynamique
- Génération automatique du sitemap
- Inclusion de toutes les routes statiques et dynamiques
- Mise à jour automatique pour les ressources et offres d'emploi

## Structure de navigation

### Menu principal (Header)
- Logo eKonsilio (lien vers accueil)
- Flyout Produits (avec sous-menu des canaux)
- Lien Plateforme
- Lien Offres
- Flyout Entreprise (avec sous-menu : À propos, Vie d'entreprise, Rejoignez-nous)
- Bouton CTA "Demander une démo"
- Sélecteur de langue

### Menu mobile
- Version responsive avec menu hamburger
- Navigation simplifiée pour mobile

### Footer
- Section Plateforme (liens vers canaux)
- Section Ressources (articles, études de cas)
- Section Entreprise (pages entreprise)
- Section Légal (mentions légales, cookies, CGU)
- Réseaux sociaux (LinkedIn, Facebook, Instagram, YouTube, TikTok)
- Informations de contact

## Composants principaux

### Composants UI partagés
- Badge : Badges colorés pour les labels
- Button : Boutons avec variants (default, outline, etc.)
- Typography : Composants typographiques (H1, H2, H3, etc.)
- Card : Cartes pour afficher du contenu
- Accordion : Sections pliables (FAQ)
- Carousel : Carrousels pour les témoignages
- Modal : Modales pour les formulaires et contenus

### Composants spécifiques au site
- Header : En-tête avec navigation
- Footer : Pied de page avec liens
- HSButton : Bouton intégrant HubSpot Forms
- HSModal : Modal HubSpot
- UsedBy : Section logos clients
- BreakpointIndicator : Indicateur de breakpoint (dev only)

## Structure des données

### Fichiers de configuration
- `app/[locale]/[channel]/_data/` : Données JSON pour chaque canal
- `app/[locale]/[channel]/[slug]/_data/` : Données JSON pour chaque produit
- Traductions : Fichiers de traduction next-intl

### API Endpoints externes
- Blog API : `${NEXT_PUBLIC_API_URL}/blog` - Liste des articles
- Tags API : `${NEXT_PUBLIC_API_URL}/tags` - Liste des tags
- Jobs API : `/api/jobs` - Liste des offres d'emploi (WeRecruit)
- HubSpot Forms : Formulaires intégrés via HubSpot SDK

## Méta-informations et SEO

### Métadonnées
- Titres et descriptions personnalisés par page
- Open Graph tags pour le partage social
- Favicons et icônes Apple
- Metadata dynamique selon la langue

### Performance
- Images optimisées avec Next.js Image
- Lazy loading des composants
- Code splitting automatique
- Static Generation et Server-Side Rendering selon les besoins

## Variables d'environnement

- `NEXT_PUBLIC_BASE_URL` : URL de base du site
- `NEXT_PUBLIC_API_URL` : URL de l'API externe pour les ressources
- `VERCEL_URL` : URL Vercel (développement/preview)
- Variables HubSpot pour les formulaires

## Développement

### Commandes principales
```bash
# Développement local
pnpm dev

# Build de production
pnpm build

# Démarrer le serveur de production
pnpm start

# Linting
pnpm lint
```

### Structure de développement
- TypeScript strict mode
- ESLint pour la qualité du code
- Components organisés par feature/page
- Styles globaux avec Tailwind CSS

## Points d'attention pour les LLMs

### URLs importantes à connaître
- Accueil : `/fr/` (ou `/en/`, `/it/`, `/es/`)
- Plateforme : `/{locale}/platform`
- Canaux : `/{locale}/{channel}` où channel = live-chat, whatsapp, sms, meta
- Produits : `/{locale}/{channel}/{slug}` (voir liste des slugs ci-dessus)
- Ressources : `/{locale}/resources`
- Contact : `/{locale}/contact`
- Entreprise : `/{locale}/company` et sous-pages
- Légaux : `/{locale}/legals/{page}`

### Contenu dynamique
- Les ressources (blog) sont récupérées depuis une API externe
- Les offres d'emploi sont récupérées depuis l'API `/api/jobs`
- Le contenu est filtré par langue automatiquement

### Fonctionnalités interactives
- Formulaires HubSpot intégrés pour les demandes de démo
- Modales pour les formulaires
- Filtres et recherche pour les ressources
- Navigation dynamique entre canaux et produits

## Informations de contact et liens

### Site web
- URL principale : https://ekonsilio.com
- Langue par défaut : Français (fr)

### Réseaux sociaux
- LinkedIn
- Facebook
- Instagram
- YouTube
- TikTok

---

*Ce fichier llms.txt a été généré pour aider les modèles de langage à mieux comprendre et naviguer dans la structure et le contenu du site eKonsilio. Pour toute question ou mise à jour, merci de contacter l'équipe eKonsilio.*