feat: december24 updates (#191)

README.md

@@ -54,16 +54,6 @@ Voici une vidéo décrivant ces étapes :
 
 :question-mark: Besoin d'en savoir plus sur les variables d'environnement avec SvelteKit ? C'est par ici :pointing-right: https://kit.svelte.dev/docs/modules#$app-environment
 
-## Matomo
-
-Ce site utilise [Matomo](https://fr.matomo.org/) pour le suivi d'audience en production.
-
-Pour l'activer en local il est nécessaire de rajouter ces variables d'env dans le fichier `.env`
-
-| Nom                   | Utilisation                   | Type   | Requis ? |
-| --------------------- | ----------------------------- | ------ | -------- |
-| PUBLIC_MATOMO_CDN_URL | L'URL du CDN de Matomo        | string | oui      |
-| PUBLIC_MATOMO_URL     | L'URL de l'instance de Matomo | string | oui      |
 
 ## Vue générale de l'architecture
 

src/lib/components/mollecules/DesktopMenu/DesktopMenu.svelte

@@ -16,14 +16,12 @@
 		<DesktopMenuItem isActive={activeRoute === ROUTES['Accueil']} href={ROUTES['Accueil']}
 			>Accueil
 		</DesktopMenuItem>
-		<DesktopMenuItem
-			isActive={activeRoute === ROUTES['Qui sommes nous ?']}
-			href={ROUTES['Qui sommes nous ?']}
-			>Qui sommes-nous ?
+		<DesktopMenuItem isActive={activeRoute === ROUTES['A propos']} href={ROUTES['A propos']}
+			>A propos
 		</DesktopMenuItem>
 
 		<DesktopMenuItem isActive={activeRoute === ROUTES['Références']} href={ROUTES['Références']}
-			>Nos références</DesktopMenuItem
+			>Références</DesktopMenuItem
 		>
 
 		<HeaderDropDown {activeRoute} {activatedMenu} />

src/lib/components/mollecules/DesktopMenu/DesktopMenu.test.ts

@@ -9,7 +9,7 @@ import DesktopMenu from './DesktopMenu.svelte';
 test('can see menu items only when the button has been pressed', async () => {
 	const { getByTestId, getByText } = render(DesktopMenu);
 
-	const button = await getByText('Notre offre', {
+	const button = await getByText('Offres', {
 		exact: false
 	});
 
@@ -22,7 +22,7 @@ test('can see menu items only when the button has been pressed', async () => {
 test('button has focus if escape key has been pressed', async () => {
 	const { getByTestId, getByText, queryByTestId } = render(DesktopMenu);
 
-	const button = await getByText('Notre offre', {
+	const button = await getByText('Offres', {
 		exact: false
 	});
 

src/lib/components/mollecules/Footer/Footer.svelte

@@ -25,7 +25,7 @@
 				/>
 			</p>
 			<p class="lg:block font-ptsans text-blue-light hidden text-xl my-4">
-				Nous mettons la communication au service de la transition écologique
+				Je mets la communication au service de la transition écologique
 			</p>
 		</div>
 
@@ -37,10 +37,10 @@
 					<a class="mj-link--alt" href={ROUTES.Accueil}>Accueil</a>
 				</li>
 				<li>
-					<a class="mj-link--alt" href={ROUTES['Qui sommes nous ?']}>Qui sommes-nous ?</a>
+					<a class="mj-link--alt" href={ROUTES['A propos']}>A propos</a>
 				</li>
 				<li class="text-white">
-					Notre offre :
+					Offres :
 					<ul class="gap-3 flex flex-col pl-8 mt-2 list-disc text-sand">
 						<li>
 							<a class="mj-link--alt" href={ROUTES["Donner de l'élan"]}>Donner de l'élan</a>
@@ -58,7 +58,7 @@
 					</ul>
 				</li>
 				<li>
-					<a class="mj-link--alt" href={ROUTES.Références}>Nos références</a>
+					<a class="mj-link--alt" href={ROUTES.Références}>Références</a>
 				</li>
 			</ul>
 		</nav>

src/lib/components/mollecules/Footer/Footer.test.ts

@@ -16,5 +16,5 @@ test('shows proper heading when rendered', () => {
 
 test('shows proper catch phrase when rendered', () => {
 	render(Footer);
-	screen.getByText('Nous mettons la communication au service de la transition écologique');
+	screen.getByText('Je mets la communication au service de la transition écologique');
 });

src/lib/components/mollecules/Header/Header.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import Matomo from '../Matomo/Matomo.svelte';
 	import DesktopMainNavigation from './DesktopMainNavigation.svelte';
 	import MobiileMainNavigation from './MobileMainNavigation.svelte';
 </script>

src/lib/components/mollecules/Header/HeaderDropDown.svelte

@@ -45,7 +45,7 @@
 		on:click={handleOpenMenu}
 		bind:this={button}
 	>
-		Notre offre
+		Offres
 		<span aria-hidden="true" class:rotate-180={activatedMenu} class="ml-2"
 			><Icon name="caret" /></span
 		>

src/lib/components/mollecules/Offer/Offer.svelte

@@ -14,7 +14,7 @@
 	</p>
 	{#if link}
 		<div class="mt-6">
-			<ArrowLink {linkTitle} href={link}>Lire la suite</ArrowLink>
+			<ArrowLink {linkTitle} href={link}>Découvrir l'offre</ArrowLink>
 		</div>
 	{/if}
 </div>

src/lib/components/organisms/OfferRow.svelte

@@ -8,27 +8,27 @@
 </script>
 
 <Section {alt}>
-	<h2>Nos offres de services</h2>
+	<h2>Mes offres de services</h2>
 	<div class="md:gap-x-20 md:gap-y-10 grid gap-y-12 md:grid-cols-3 pt-8">
 		<Offer
 			offerName="Donner de l’élan"
-			linkTitle="Lire la suite offre : donner de l'élan"
+			linkTitle="Découvrir l'offre : donner de l'élan"
 			offer="Dynamiser les stratégies RSE et la communication des entreprises à travers l’analyse du positionnement et des principaux enjeux environnementaux et sociaux, l’étude de l’environnement concurrentiel, le recueil des attentes des parties-prenantes."
 			link={ROUTES["Donner de l'élan"]}
 		>
 			<OfferIcon iconName="plane" />
 		</Offer>
 
 		<Offer
-			linkTitle="Lire la suite offre : Trouver le juste équilibre"
+			linkTitle="Découvrir l'offre: Trouver le juste équilibre"
 			offerName="Trouver le juste équilibre"
 			offer="Analyser les allégations environnementales et sociales des supports marketing et communication en regard du cadre déontologique et réglementaire et mettre en place des filets de sécurité pour limiter les critiques (greenwashing, stéréotypes…)."
 			link={ROUTES['Trouver le juste équilibre']}
 		>
 			<OfferIcon iconName="stones" />
 		</Offer>
 		<Offer
-			linkTitle="Lire la suite offre : Faire monter en compétences"
+			linkTitle="Découvrir l'offre : Faire monter en compétences"
 			offerName="Faire monter en compétences"
 			offer="Animer des formations et concevoir des dispositifs pour sensibiliser et accompagner les fonctions marketing, pub, com et toutes leurs interfaces (autres directions, business units, partenaires…), vers des pratiques plus responsables."
 			link={ROUTES['Faire monter en compétences']}

src/lib/constants.ts

@@ -7,7 +7,7 @@ export const SITE_WEB_NAME = 'MJ Conseil';
 
 export const ROUTES: Record<string, string> = {
 	Accueil: '/',
-	'Qui sommes nous ?': '/qui-sommes-nous',
+	'A propos': '/qui-sommes-nous',
 	"Donner de l'élan": '/offres-de-services/donner-de-l-elan',
 	'Trouver le juste équilibre': '/offres-de-services/trouver-le-juste-equilibre',
 	'Faire monter en compétences': '/offres-de-services/faire-monter-en-competence',

src/routes/+layout.svelte

@@ -4,7 +4,6 @@
 	import '../app.css';
 
 	import { afterNavigate } from '$app/navigation';
-	import Matomo from '$lib/components/mollecules/Matomo/Matomo.svelte';
 
 	let node: HTMLElement;
 
@@ -18,8 +17,6 @@
 </script>
 
 <div bind:this={node} tabindex="-1" class="relative h-full">
-	<Matomo />
-
 	<Header />
 
 	<slot />

src/routes/+page.svelte

@@ -8,7 +8,7 @@
 	import Section from '$lib/components/mollecules/Section/Section.svelte';
 	import { ROUTES, SITE_WEB_NAME, SIZE } from '$lib/constants';
 
-	import groupPicture from '$lib/assets/images/mj-group-picture.png';
+	import mathieuJahnich from '$lib/assets/images/mj-group-picture.jpg';
 	import Circle from '$lib/components/atoms/Circle/Circle.svelte';
 	import ButtonLink from '$lib/components/atoms/ButtonLink/ButtonLink.svelte';
 	import OfferRow from '$lib/components/organisms/OfferRow.svelte';
@@ -26,20 +26,20 @@
 		<div class="md:w-[70%] flex flex-col gap-4 break-words overflow-visible mb-8">
 			<p class="text-sand text-xl font-bold">MJ Conseil</p>
 			<h1 class="mj-h1--alt lg:text-6xl text-4xl m-0 p-0">
-				Nous mettons la <span class="font-bold"> communication</span> au service de la
+				Je mets la <span class="font-bold"> communication</span> au service de la
 				<span class="font-bold">transition écologique</span>
 			</h1>
 
 			<Headline>
-				Nous sommes un trio d’expertes en RSE et communication capables de vous aider de la
-				définition de votre stratégie à la mise en place opérationnelle.
+				En tant que consultant-chercheur indépendant, j’aide les organisations et les entreprises à
+				répondre aux attentes sociétales grâce à une communication plus responsable.
 			</Headline>
 		</div>
 	</Container>
 
 	<div class="flex justify-center">
 		<div class="relative w-4/5 md:w-1/2">
-			<img class="z-20 relative" src={groupPicture} alt="" />
+			<img class="z-20 relative -rotate-3" src={mathieuJahnich} alt="" />
 
 			<div
 				class="z-0 absolute md:bottom-[-15px] md:right-[-60px] lg:bottom-[-15px] lg:right-[90px] hidden md:block"
@@ -67,16 +67,16 @@
 		<h2>Signes particuliers</h2>
 		<div class="lg:gap-x-20 lg:gap-y-10 grid gap-y-5 lg:grid-cols-3">
 			<ParticularSign
-				title="Notre trio"
-				content="Nous collaborons toutes les trois depuis de nombreuses années. Nous mettons nos expertises complémentaires en RSE et en communication, notre complicité et notre bienveillance au service de la transformation de votre organisation."
+				title="+ 25 ans d'experience"
+				content="Depuis 1999, j’analyse les enjeux de communication des entreprises et des organisations dans le domaine de l’environnement et de la responsabilité sociétale."
 			/>
 			<ParticularSign
-				title="Notre engagement"
-				content="Nous concevons notre activité de conseil comme un levier pour mettre la filière marketing et communication au service de la transformation des modèles économiques et de la transition écologique et solidaire. Nous cherchons à faire « bouger les lignes ». "
+				title="De la recherche à l’action"
+				content="Normalien en sciences pour l’ingénieur et titulaire d'un doctorat en communication, j’ai exercé en tant que chercheur, communicant puis consultant. J’enseigne à Sciences Po Paris.    "
 			/>
 			<ParticularSign
-				title="Notre écoute"
-				content="Parce que tout projet commence par l’écoute de vos enjeux, de vos inquiétudes et de vos freins, nous vous aidons à identifier vos besoins réels et vos marges de progrès. Notre rôle est à la fois de vous soutenir et de vous « challenger ». "
+				title="Une expertise reconnue"
+				content="Sollicité par l’ADEME depuis 2012, je suis notamment l’auteur principal du Guide de la communication responsable (2020, 2022) et du Guide anti-greenwashing (2025)."
 			/>
 		</div>
 		<div class="lg:container h-full" />
@@ -88,8 +88,8 @@
 		<Container>
 			<h2 class="mb-4">À la une du blog</h2>
 			<p class="font-ptsans text-xl md:my-12 my-8">
-				Depuis 2005, nous interrogeons l’alignement de la communication et du marketing avec les
-				enjeux de transition écologique. Retrouvez ici nos analyses, des témoignages et des
+				Depuis 2005, j'interroge l'alignement des pratiques communication et marketing avec les
+				enjeux de transition écologique. Retrouvez ici mes analyses, des témoignages et des
 				ressources.
 			</p>
 

src/routes/offres-de-services/donner-de-l-elan/+page.svelte

@@ -43,7 +43,7 @@
 <PageHeader>
 	<div class="flex items-start space-between">
 		<div>
-			<p class="text-sand font-bold text-2xl mb-2">Notre offre</p>
+			<p class="text-sand font-bold text-2xl mb-2">Offres</p>
 			<h1 class="mj-h1--alt">
 				{`Donner de l’élan`}
 			</h1>
@@ -119,7 +119,7 @@
 			>
 				<Icon width="100%" height="75%" name="curve" fill="none" />
 			</div>
-			<h2>Nos méthodes et les livrables</h2>
+			<h2>Méthodes et les livrables</h2>
 			<Method title="Diagnostic">
 				<p class="mb-2">
 					Recueillir et analyser les