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

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"}}
	/>;
  };