feat(lbac-2269): maj des logos des partenaires

.talismanrc

@@ -199,12 +199,16 @@ fileignoreconfig:
   checksum: cfd0e48e8762b43c6431dad873727f6ac091ca6f5c7555e37a8ee3fba03184d1
 - filename: ui/common/hooks/useAuth.ts
   checksum: 7cce935653407e000b35e98bd365a003e538aed4fed432a9a404d4f2412dd2df
+- filename: ui/components/DepotOffre/InfosDiffusionOffre.tsx
+  checksum: ec65d8b4b6ece2c97527e090ea5042c3d82cce0ed9a98ccf1936f9b28f366688
 - filename: ui/components/DepotOffre/RomeDetail.tsx
   checksum: 3e8962cc324174f8934d5a9da10bfc0d233ea6b32d036d459195d32166154282
 - filename: ui/components/DepotOffre/RomeDetailWithQuery.tsx
   checksum: 477c08911f43c273ad8b257c3885ae98b92e6a74c8ad096c7023201762907414
 - filename: ui/components/HomeComponents/FacilitezRDVA.tsx
   checksum: cdeae2ef94431bbe8fd1bb0f1bc0c007c938c1a1d4513316cc44cb966b7f4268
+- filename: ui/components/HomeComponents/OffresGratuites.tsx
+  checksum: b3fe019fc77f7bcc6a83a4624c8e5235e3ae1429cde1599acf4c676abb178f92
 - filename: ui/components/InfoBanner/InfoBanner.tsx
   checksum: e5f8bd78ea46335fbb8784eabc01391be68922960f7d04ce9e8755484d10ce32
 - filename: ui/components/ItemDetail/DidYouKnow.tsx
@@ -258,7 +262,9 @@ fileignoreconfig:
 - filename: ui/public/images/home_pics/illu-offreformation.svg
   checksum: 7ad0f32e8c39866d9f4a76dde67f66a90c022f98e9f1a4932c9013e264c35b86
 - filename: ui/public/images/home_pics/illu-plateformesjeunes.svg
-  checksum: 9b2847599887988c02e13055aef1488349aca1808b22fa9f24aa8d98dc4468d1
+  checksum: f281c48b5b3d7d0bd92c49262174f6683686161ad9401ee7cf76cba75d54268b
+- filename: ui/public/images/home_pics/illu-votrebesoin.svg
+  checksum: ca9aa90b45043f8164d96e76e3f42906bcf597186394b1f81cf14c47814ebb33
 - filename: ui/utils/api.utils.test.ts
   checksum: 1ad48425b890a5ed3de19d079692e2ef7eac76483339a469a6cd9bc6d796ad26
 - filename: ui/utils/api.utils.ts

ui/components/DepotOffre/InfosDiffusionOffre.tsx

@@ -1,21 +1,54 @@
-import { Box, Heading, Image, Stack, Text } from "@chakra-ui/react"
+import { Box, Flex, Grid, Heading, Image, Link, Text } from "@chakra-ui/react"
 
-import { J1S, Parcoursup } from "@/theme/components/logos"
+import { InfoCircle } from "@/theme/components/icons"
 
 export const InfosDiffusionOffre = () => {
   return (
     <Box border="1px solid #000091" p={5}>
-      <Heading fontSize="24px" mb={3}>
+      <Heading fontSize="24px" mb={6}>
         Profitez d'une visibilité accrue
       </Heading>
-      <Box ml={5}>
-        <Text>Une fois créée, votre offre d’emploi sera immédiatement mise en ligne sur les sites suivants : </Text>
-        <Stack direction={["column", "row"]} spacing={2} align="center" justify="center" mt={3}>
-          <Image src="/images/logo_LBA.svg" alt="" minWidth="150px" width="150px" />
-          <J1S w="100px" h="100px" />
-          <Parcoursup w="220px" h="100px" />
-        </Stack>
-      </Box>
+      <Flex alignItems="flex-start" gap={1}>
+        <Box as="span" fontSize="15px">
+          <InfoCircle color="#000091" w="20px" h="20px" />
+        </Box>
+        <Text mb={6}>Cela permettra à votre offre d’être visible des candidats intéressés.</Text>
+      </Flex>
+      <Text>
+        Une fois créée, votre offre d’emploi sera immédiatement mise en ligne sur les sites suivants,&nbsp;
+        <Link
+          aria-label="Liste des partenaires - nouvelle fenêtre"
+          isExternal
+          textDecoration="underline"
+          href="https://mission-apprentissage.notion.site/Liste-des-partenaires-de-La-bonne-alternance-3e9aadb0170e41339bac486399ec4ac1"
+        >
+          et bien d’autres
+        </Link>
+        &nbsp;!
+      </Text>
+      <Grid
+        templateColumns={["repeat(2, 1fr)", "repeat(2, 1fr)", "repeat(3, 1fr)", "repeat(3, 1fr)"]}
+        gap={4}
+        mt={6}
+        sx={{
+          "& > *": {
+            border: "solid 1px #DDDDDD",
+            borderRadius: "3px",
+            padding: "11px",
+            height: "80px",
+            width: "100%",
+          },
+        }}
+      >
+        <Image src="/images/logosPartenaires/minimal/1j1s.svg" alt="" />
+        <Image src="/images/logosPartenaires/minimal/portail-alternance.svg" alt="" />
+        <Flex align="center">
+          <Image src="/images/logosPartenaires/minimal/affelnet.png" alt="" />
+        </Flex>
+        <Image src="/images/logosPartenaires/minimal/mon-master.svg" alt="" padding="22px !important" />
+        <Image src="/images/logosPartenaires/minimal/parcoursup.svg" alt="" />
+        <Image src="/images/logosPartenaires/minimal/france-travail.svg" alt="" padding="14px !important" />
+      </Grid>
     </Box>
   )
 }

ui/components/HomeComponents/OffresGratuites.tsx

@@ -11,23 +11,36 @@ const OffresGratuites = () => {
         </Text>
         <Text fontSize="18px" mt={4}>
           Elles sont mises en ligne sur les sites les plus visités par les candidats en recherche d’alternance :{" "}
-          <Link
-            variant="homeEditorialLink"
-            aria-label="Redirection vers la page d'accueil - nouvelle fenêtre"
-            href="https://labonnealternance.apprentissage.beta.gouv.fr"
-            isExternal
-          >
-            La bonne alternance <ExternalLinkIcon mx="2px" />
-          </Link>
-          ,{" "}
           <Link variant="homeEditorialLink" aria-label="Accès au site un jeune une solution - nouvelle fenêtre" href="https://www.1jeune1solution.gouv.fr" isExternal>
             1jeune1solution <ExternalLinkIcon mx="2px" />
           </Link>
           ,{" "}
           <Link variant="homeEditorialLink" aria-label="Accès au site Parcoursup - nouvelle fenêtre" href="https://www.parcoursup.fr" isExternal>
-            parcoursup <ExternalLinkIcon mx="2px" />
+            Parcoursup <ExternalLinkIcon mx="2px" />
+          </Link>{" "}
+          ,{" "}
+          <Link
+            variant="homeEditorialLink"
+            aria-label="Accès au site Choisir son affectation après la 3è - nouvelle fenêtre"
+            href="https://affectation3e.phm.education.gouv.fr/pna-public/"
+            isExternal
+          >
+            Choisir son affectation après la 3è <ExternalLinkIcon mx="2px" />
           </Link>{" "}
-          et bien d’autres.
+          ,{" "}
+          <Link variant="homeEditorialLink" aria-label="Accès au site Mon master - nouvelle fenêtre" href="https://www.monmaster.gouv.fr/" isExternal>
+            Mon master <ExternalLinkIcon mx="2px" />
+          </Link>{" "}
+          ,{" "}
+          <Link
+            variant="homeEditorialLink"
+            aria-label="Liste des partenaires diffuseurs des offres - nouvelle fenêtre"
+            href="https://mission-apprentissage.notion.site/Liste-des-partenaires-de-La-bonne-alternance-3e9aadb0170e41339bac486399ec4ac1"
+            isExternal
+          >
+            et bien d’autres <ExternalLinkIcon mx="2px" />
+          </Link>
+          .
         </Text>
       </GridItem>
       <GridItem order={{ base: 1, md: 2 }} colSpan={{ base: 1, md: 7 }}>