# Accueil — écart entre la page actuelle et la maquette V12 (2026-09-23)

Planche : `ACCUEIL`, 1920 × 5427. Page en ligne : #26.
Analyse **lecture seule**.

## 1. Bannière — textes entièrement remplacés

| | Actuel | Maquette |
|---|---|---|
| Surtitre | *(aucun)* | « Solutions Telecom industrielles sécurisées » — 24 px Medium, **vert `#00AA7A`** |
| Titre | « Connecter vos équipements industriels, en toute sécurité. » | « Gardez le contrôle de vos équipements industriels, où qu'ils soient » — 48 px Bold blanc |
| Texte | « Depuis 1985, Etic Telecom conçoit… » | « Avec Etic Telecom, connectez vos machines, sécurisez vos communications… » — 18 px Medium |
| Boutons | 1 : « Contactez-nous » | **2** : « Voir les solutions » + « Contactez-nous » |

Hauteur de la bannière dans la maquette : **808 px**.

## 2. Solutions — 8 diapositives → 7 cartes, libellés revus

| Actuel | Maquette |
|---|---|
| Prise en main à distance | Prise en main à distance **de machines** |
| Interconnexion d'équipements industriels | identique |
| Remontée d'alertes | identique |
| **Tableaux de bord** | **Stockage de données et tableau de bord dans le Cloud** |
| Interconnexion d'équipements tactiques | identique |
| **Connexion cartes SIM sécurisées** | **Connectivité carte SIM** |
| *(absent)* | 🆕 **Gestion de flotte** |

Chaque carte : titre 24 px Medium `#3C3C3B`, description 18 px Regular `#212121`,
bouton « En savoir plus ». Surtitre vert « Solutions Etic Telecom », titre de section
48 px « Pour connecter, superviser et sécuriser vos équipements industriels ».

## 3. Gammes — 6 diapositives → 5 cartes carrées

Cartes de **519 × 519**, sur fond `#F9F9F9`, avec le nom **et** la gamme :

- Boitiers d'Accès Machines — *Gamme RAS*
- Routeur VPN Industriel — *Gamme IPL*
- Extenseur d'Ethernet — *Gamme XSLAN et XELAN*
- Concentrateur VPN — *Gamme SIG*
- Switch SHDSL tactique — *Gamme XSMIL*

## 4. Entreprise — mise en page revue

Titre inchangé. Le texte passe en deux niveaux (20 px Medium puis 18 px Regular),
dans un bloc blanc 918 × 515 chevauchant deux images (884 × 493 et 1096 × 544).
⚠️ Les logos **AFAQ** et **French Fab** présents aujourd'hui **n'apparaissent pas**
dans la planche — à confirmer avec le studio avant de les retirer.

## 5. Actualités — structure conservée

Surtitre vert, titre 48 px, bouton « Voir toutes les actualités », **2 cartes**
818 × 445. Proche de l'existant.

## 6. 🆕 Section CONTACT — entièrement nouvelle

La page actuelle **n'a aucun formulaire** (aucun widget `form`, ni CF7, ni Gravity).
La maquette en ajoute une section complète, 1920 × 1071 :

- Bloc blanc 1652 × 871 : titre « Contact » 50 px, texte d'accroche, puis
  « Etic Telecom » et « Etic Telecom GmbH » en 25 px **vert**, avec adresses et
  téléphones, et un bouton « Contactez-nous ».
- Formulaire sur fond sombre `#3C3C3B`, 818 × 871 : **Nom\***, **Société\***,
  **Adresse\***, **Pays\***, Fonction, **Téléphone\***, **Adresse E-mail\***,
  Site Web, **Code postal\***, **Message\***, case à cocher de consentement
  (texte 10 px), bouton « Envoyer ».

### Ce que cette section implique, au-delà de l'intégration

- **Où partent les soumissions ?** Elementor Pro Form sait envoyer un e-mail et
  stocker en base (*Submissions*). Les entrées stockées sont des **données
  personnelles** : prévoir leur purge.
- 🔴 **Adresse d'expéditeur PAR SITE.** Brevo bloque par couple destinataire +
  expéditeur : un désabonnement chez un autre client empoisonnerait les envois d'ETIC
  tant que les deux écrivent depuis `support@fx-comunik.fr`. Et en production
  l'expéditeur doit de toute façon être au nom du client.
- **Case de consentement non pré-cochée**, finalité annoncée, durée de conservation.
- ⚠️ Tant que le `.htpasswd` est en place, **aucun tiers ne peut atteindre le site** :
  un test d'envoi depuis un service externe recevra un 401. Ça se répare seul à la
  bascule — ne pas coder de contournement.

## Ordre proposé

1. **Bannière** — petit, isolé, immédiatement vérifiable à l'œil.
2. **Solutions** — renommages + une carte à ajouter.
3. **Gammes** — passage à 5 cartes carrées.
4. **Entreprise** — après réponse sur les logos AFAQ / French Fab.
5. **Actualités** — ajustements mineurs.
6. **Contact** — le vrai chantier : intégration + envoi + RGPD.

⚠️ Mon extraction ne retient que les blocs ≥ 400 × 100 px : les petites images,
pictogrammes et logos ne figurent pas dans ce relevé. Ils sont dans la maquette.