feat(campagne): remplace l'image de présentation de la page apprenti

DNUM-SocialGouv · Oct 14, 2024 · f1ffed0 · f1ffed0
1 parent 1b84c71
commit f1ffed0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/public/images/campagne-apprentissage-jeune-oct-2024.webp b/public/images/campagne-apprentissage-jeune-oct-2024.webp
diff --git a/...CampagneApprentissage/CampagneApprentissageJeunes/CampagneApprentissageJeunes.module.scss b/...CampagneApprentissage/CampagneApprentissageJeunes/CampagneApprentissageJeunes.module.scss
@@ -0,0 +1,5 @@
+.hero {
+  & img {
+    object-position: top right;
+  }
+}
diff --git a/...eatures/CampagneApprentissage/CampagneApprentissageJeunes/CampagneApprentissageJeunes.tsx b/...eatures/CampagneApprentissage/CampagneApprentissageJeunes/CampagneApprentissageJeunes.tsx
@@ -1,3 +1,4 @@
+import classNames from 'classnames';
 import React from 'react';
 
 import EnSavoirPlusApprentissage
@@ -16,6 +17,7 @@ import { TYPE_SIMULATEUR } from '~/pages/apprentissage/simulation/index.page';
 import { VideoCampagneApprentissage } from '~/server/campagne-apprentissage/domain/videoCampagneApprentissage';
 
 import styles from '../CampagneApprentissage.module.scss';
+import stylesApprenti from './CampagneApprentissageJeunes.module.scss';
 
 interface CampagneApprentissageJeunesProps {
 	videos: Array<VideoCampagneApprentissage>
@@ -49,7 +51,7 @@ export function CampagneApprentissageJeunes({ videos }: CampagneApprentissageJeu
 	return (
 		<>
 			<header className={styles.titrePage}>
-				<HeroWithIllustration image={'/images/campagne-apprentissage-jeune-avec-texte.webp'} className={styles.hero}>
+				<HeroWithIllustration image={'/images/campagne-apprentissage-jeune-oct-2024.webp'} className={classNames(styles.hero, stylesApprenti.hero)}>
 					<h1>Avec l’apprentissage, vous apprenez directement <span className={styles.avoidLineBreakInside}>sur le terrain</span> <span className={styles.avoidLineBreakInside}>et vous êtes payés !</span></h1>
 					<Link href={`/apprentissage/simulation?simulateur=${TYPE_SIMULATEUR.ALTERNANT}`} appearance={'asPrimaryButton'} className={styles.cta}>
 						<span>