GetYourJob

Tour @profile@ sur @src/app/profile/developer/page.tsx@ (vue propriétaire éditable, contexte @ProfileEditContext@).

h2. Étapes

# *Header / page publique* — spotlight sur le header : "C'est la configuration de ta page publique. Chaque persona/profil a sa propre page que tu peux personnaliser."
# *Personnaliser* — spotlight sur @EditModeToggle@ ("Personnaliser") ; @advanceOn: 'click-target'@ → entre en mode édition.
# *Mode édition* — bulle d'explication du mode édition : blocs déplaçables, bouton "Quitter" (@EditModeToggle@ en mode actif).
# *Drag & drop des blocs* — spotlight sur la poignée 6 points (@GripVertical@ de @ProfileBlock@). Quand l'utilisateur clique "Suivant", le tour DÉPLACE automatiquement le bloc "Informations générales" vers la colonne de droite (via @moveBlockToColumn@/@reorderBlocks@ du @ProfileEditContext@) et laisse voir le changement.
# *Personnaliser les couleurs* — spotlight sur le header/panneau "Personnaliser les couleurs" (@BlockConfigPanel@ + @ColorPicker@, ouvert via l'icône Settings d'un bloc).
# *Branding complet* — bulle : "Tu peux personnaliser complètement ton profil pour coller à ton image de marque."
# *Annuler* — spotlight sur "Annuler" (@ProfileSaveBar@) ; @advanceOn: 'click-target'@ → annule les changements du tour et revient au profil (les déplacements de l'étape 4 ne doivent PAS être persistés).
# *Ajouter du contenu* — spotlight sur les sections/CTA d'ajout : "Ajoute ton premier Avis & réputation, Portfolio, Expériences, Formation."

h2. Implémentation

* @data-tour@ : @profile-header@, @profile-customize@, @profile-edit-mode@, @profile-drag-handle@, @profile-colors@, @profile-cancel@, @profile-add-content@.
* L'étape 4 pilote le @ProfileEditContext@ par programme (démo du drag) — s'assurer que Annuler (étape 7) restaure l'état initial.
* Le tour doit coexister avec le mode édition (z-index au-dessus, re-mesure au reflow des colonnes).
* Copies FR/EN dans @tour.profile.*@.