Refonte de la landing page /mentor
Objectif
Mettre en place un parcours clair pour orienter les visiteurs vers le mentorat adapté à leur profil (individuel ou équipe), avec des pages d'atterrissages (landing page) dédiées à chaque offre. Chaque page sera mise en avant dans des communication spécifique et le prospect arrivera directement dessu sans passer par l'acceuil.
Les textes à intégrer sont sur notre Nexcloud ici.
À faire
1. Remplacer la page /mentor existante par une page d’aiguillage
-
Créer une nouvelle page avec deux blocs côte à côte (texte complet dans nextcloud) :
- Un bloc pour les professionnels individuels :
- Titre + liste courte de cas d’usage
- Bouton vers
/mentorat-individuel
- Un bloc pour les équipes tech/produit :
- Titre + liste courte de cas d’usage
- Bouton vers
/mentorat-equipe
- Un bloc pour les professionnels individuels :
2. Créer la page /mentorat-individuel sans l’intégrer dans le menu
- Créer une nouvelle page React dédiée avec le design de la page /mentor
- Intégrer le contenu fourni (texte complet dans nextcloud)
-
Structurer en sections claires :
- Problèmes vécus (DURS)
- Promesse du mentorat
- Qui suis-je ?
- Témoignages clients (avec insertion vidéo possible)
- Fonctionnement + bonus
- Tarifs
- Appel à l’action
- Inclure les liens utiles (PDF à télécharger, contact email)
3. Créer la page /mentorat-equipe sans l’intégrer dans le menu
- Même logique que ci-dessus, avec un texte adapté aux décideurs tech (CTO, leads, managers)
-
Inclure :
- Problèmes d’équipe
- Structure de l’accompagnement
- Témoignages équipe
- Formules & tarifs
- Appel à l’action (email direct)
Ressources et lien des témoignages vidéos, toujours les inclures sans traquer
- Mathieu : https://youtu.be/9pWNcISwF3E
- Christian : https://youtu.be/vtSIBjGe9Zk
- Textes des pages à intégrer
- Intégration cal.com
/* react integration of https://cal.com/cchaudier/mentor */
/* First make sure that you have installed the package */
/* If you are using yarn */
// yarn add @calcom/embed-react
/* If you are using npm */
// npm install @calcom/embed-react
import Cal, { getCalApi } from "@calcom/embed-react";
import { useEffect } from "react";
export default function MyApp() {
useEffect(()=>{
(async function () {
const cal = await getCalApi({"namespace":"mentor"});
cal("ui", {"cssVarsPerTheme":{"light":{"cal-brand":"#E8AC00"},"dark":{"cal-brand":"#E8AC00"}},"hideEventTypeDetails":false,"layout":"month_view"});
})();
}, [])
return <Cal namespace="mentor"
calLink="cchaudier/mentor"
style={{width:"100%",height:"100%",overflow:"scroll"}}
config={{"layout":"month_view","theme":"auto"}}
/>;
};