Preview · Mercredi 7 mai 2026

Landing Offre Printemps 2026

Aperçu complet de la landing page postée par le mail Mailjet du 7 mai. Données réelles : Brest Expo · conseillère Céline Bry.

Desktop · 1440 × 900 Mobile · iPhone 14 Pro URL réelle : www.abcsalles.com/offre/printemps-26

Vue initiale (above the fold)

Ce que voit le destinataire à l'ouverture de la landing

Desktop

1440 × 900

Hero + début Confirmation

Desktop viewport
Mobile

390 × 844 (iPhone 14 Pro)

Hero responsive avec sticky bar bottom visible

Mobile viewport

Page complète (full scroll)

Hero · Confirmation · Section Avantages (sans CTAs) · Closing · Sticky bar RDV

Desktop full · Light

Mode clair

3 sections "Avantages" : Visibilité · Outils · Appels · Support

Desktop full page light
Mobile full · Light

Mobile scrollé

Identique en mobile, mockups outils empilés

Mobile full page

Mode sombre (OS dark mode)

Cohérence des cards et lisibilité préservée via wrapper Vuetify v-app

Desktop full · Dark

Mode sombre

Cards basculent en surface sombre, contrastes inversés cohérents

Desktop full page dark

Comportement de la landing

Sur clic du CTA mail → SSR Nuxt → POST atomique vers l'API qui valide le destinataire, pose le libellé CRM Offre Printemps 2026 - OK sur la fiche, et envoie un mail au commercial dédié.
Idempotent (refresh ne crée pas de doublon mail). Sticky bar dynamique avec prénom + nom du commercial réel de la fiche.

https://www.abcsalles.com/offre/printemps-26?act=ok&b=[[BUSINESS_GUID]]&e=[[EMAIL_TO]]

PR API shamann.api#317 · PR WEB abcsalles.web#314 · Tâche Asana