feat(website): new candidate page cleanup and background adjustements

SocialGouv · Feb 5, 2025 · 6edaf89 · 6edaf89
1 parent f99a83a
commit 6edaf89
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/...components/home-page/BackGroundUnions.tsx → ...ents/candidate-space/BackGroundUnions.tsx b/...components/home-page/BackGroundUnions.tsx → ...ents/candidate-space/BackGroundUnions.tsx
@@ -1,8 +1,8 @@
 import Image from "next/image";
 
 const BackGroundUnions = () => (
-  <>
-    <div className="absolute -z-10 w-full top-32 lg:top-[25px] hidden lg:block">
+  <div className="absolute -top-8 -z-10 w-full">
+    <div className="hidden lg:block">
       <Image
         src="/home-page/unions-background/union-background1.svg"
         width={3000}
@@ -11,7 +11,7 @@ const BackGroundUnions = () => (
         alt="rayon rose en fond d'écran"
       />
     </div>
-    <div className="absolute -z-10 w-full top-[1190px] hidden lg:block">
+    <div className="top-[1190px] hidden lg:block">
       <Image
         src="/home-page/unions-background/union-background2.svg"
         width={3000}
@@ -20,7 +20,7 @@ const BackGroundUnions = () => (
         alt="rayon rose en fond d'écran"
       />
     </div>
-  </>
+  </div>
 );
 
 export default BackGroundUnions;
diff --git a/packages/reva-website/src/components/candidate-space/CandidateSpaceHomePageContent.tsx b/packages/reva-website/src/components/candidate-space/CandidateSpaceHomePageContent.tsx
@@ -4,9 +4,11 @@ import CommentFinancerVotreParcours from "./CommentFinancerVotreParcours";
 import FaitesValiderVosCompetencesParUnDiplome from "./FaitesValiderVosCompetencesParUnDiplome";
 import QuiPeutFaireUneVAE from "./QuiPeutFaireUneVAE";
 import VousAvezBesoinDePlusDaide from "./VousAvezBesoinDePlusDaide";
+import BackGroundUnions from "@/components/candidate-space/BackGroundUnions";
 
 export const CandidateSpaceHomePageContent = () => (
   <>
+    <BackGroundUnions />
     <FaitesValiderVosCompetencesParUnDiplome />
     <QuiPeutFaireUneVAE />
     <VousAvezBesoinDePlusDaide />

diff --git a/packages/reva-website/src/pages/espace-candidat/index.tsx b/packages/reva-website/src/pages/espace-candidat/index.tsx
@@ -4,7 +4,7 @@ import Head from "next/head";
 
 const CandidateSpaceHomePage = () => {
   return (
-    <MainLayout className=" py-20  gap-32 lg:gap-64 lg:pb-80 bg-[url('/professional-space/home-page/background.png')] bg-contain bg-repeat bg-[left_top_1150px]">
+    <MainLayout className="w-full mx-auto relative flex flex-col items-center lg:pb-32">
       <Head>
         <title>
           France VAE | L’outil qui facilite le suivi des candidats à la VAE

diff --git a/packages/reva-website/src/pages/index.tsx b/packages/reva-website/src/pages/index.tsx
@@ -3,7 +3,6 @@ import { MainLayout } from "@/components/layout/main-layout/MainLayout";
 import Notice from "@codegouvfr/react-dsfr/Notice";
 import Head from "next/head";
 import { ReactNode } from "react";
-import BackGroundUnions from "@/components/home-page/BackGroundUnions";
 import { CandidateSpaceHomePageContent } from "@/components/candidate-space/CandidateSpaceHomePageContent";
 
 const HomeContainer = ({ children }: { children: ReactNode }) => (
@@ -32,15 +31,13 @@ const HomePage = () => {
           content="Découvrez la version beta du portail officiel du service public de la Validation des Acquis de L'Expérience."
         />
       </Head>
-      <BackGroundUnions />
       <Notice
         title={
           candidacyCreationDisabled
             ? "En raison d'une mise à jour technique, le service d'inscription sera indisponible jusqu'au lundi 28 octobre."
             : "Vous êtes sur le portail officiel du service public de la VAE. Ce portail évolue régulièrement."
         }
       />
-
       <HomeContainer>
         {isFeatureActive("HOMEPAGE_V2") ? (
           <HomePageContent />