Compare commits

...

4 Commits

Author SHA1 Message Date
llaniau ddb1abbe70 sitemap 2021-02-18 14:00:35 +01:00
llaniau e7b9298a3b Param pre prod 2021-02-16 17:18:58 +01:00
llaniau ea69a5f308 Nouvelle page accueil redirect 2021-02-16 17:14:19 +01:00
llaniau 8fe612824b referencement , fonts 2021-02-15 18:17:04 +01:00
22 changed files with 2505 additions and 13 deletions
+1 -1
View File
@@ -27,7 +27,7 @@ const OgHead = props => {
<meta name="twitter:title" content={props.seo_title}/>
<meta name="twitter:description" content={props.seo_description}/>
<meta name="twitter:image" content={props.image}/>
{/* <meta name="robots" content="noindex, nofollow"></meta> */}
<meta name="robots" content="noindex, nofollow"></meta>
{/* <meta httpEquiv='cache-control' content='no-store,no-cache'></meta>
<meta httpEquiv='expires' content='0'></meta>
<meta httpEquiv='pragma' content='no-cache'></meta> */}
+8 -8
View File
@@ -46,16 +46,16 @@ module.exports = withPlugins(
// frontServerUrl: 'http://localhost:3000',
// cvThequeUrl: 'https://recruteur.talentstube.com',
// PROD
symphonyUrl: 'https://recruteur.talentstube.com/',
blogUrl: 'https://blog.talentstube.com',
frontServerUrl: 'https://www.talentstube.com/',
cvThequeUrl: 'https://recruteur.talentstube.com',
// PRE PROD
// symphonyUrl: 'https://pp.talentstube.com/',
// symphonyUrl: 'https://recruteur.talentstube.com/',
// blogUrl: 'https://blog.talentstube.com',
// frontServerUrl: 'https://pp.app.talentstube.com/',
// frontServerUrl: 'https://www.talentstube.com/',
// cvThequeUrl: 'https://recruteur.talentstube.com',
version : 'V2.6.2',
// PRE PROD
symphonyUrl: 'https://pp.talentstube.com/',
blogUrl: 'https://blog.talentstube.com',
frontServerUrl: 'https://pp.app.talentstube.com/',
cvThequeUrl: 'https://recruteur.talentstube.com',
version : 'V2.7.1',
adListDefaultUrl: '/statique/images/default/default_picture_company.jpg',
cachedMediaUrl: '/media/cache/profile_thumb/uploads/img/',
postedContentUrl: '/uploads/img/',
+144
View File
@@ -1,6 +1,150 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://www.talentstube.com/Player?id=135&amp;url=/Offre/135-commercial-b-to-c-f-h&amp;videoId=502499843&amp;typeEntite=Offre&amp;nameCompany=Fym%20Action&amp;nameOffre=Commercial%20B%20to%20C%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=133&amp;url=/Offre/133-gestionnaire-de-copropriete-f-h&amp;videoId=500395879&amp;typeEntite=Offre&amp;nameCompany=Cabinet%20JOURDAN&amp;nameOffre=Gestionnaire%20de%20co%20propriete</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=132&amp;url=/Offre/132-comptable-f-h&amp;videoId=495504495&amp;typeEntite=Offre&amp;nameCompany=Cabinet%20JOURDAN&amp;nameOffre=Comptable%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=130&amp;url=/Offre/130-assistant-f-h&amp;videoId=495156742&amp;typeEntite=Offre&amp;nameCompany=Cabinet%20JOURDAN&amp;nameOffre=Assistant%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=131&amp;url=/Offre/131-poseur-f-h&amp;videoId=494089386&amp;typeEntite=Offre&amp;nameCompany=TPC%20Ouest&amp;nameOffre=Poseur%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=131&amp;url=/Offre/140-aide-a-domicile-f-h&amp;videoId=507891163&amp;typeEntite=Offre&amp;nameCompany=ADMR56&amp;nameOffre=Aide%20a%20domicile</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=135&amp;url=/Offre/129-commercial-b-to-b-f-h&amp;videoId=491331138&amp;typeEntite=Offre&amp;nameCompany=Fym%20Action&amp;nameOffre=Commercial%20B%20to%20b%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=122&amp;url=/Offre/122-chauffeurs-spl-f-h&amp;videoId=482599011&amp;typeEntite=Offre&amp;nameCompany=AER%20Recyclage&amp;nameOffre=Chauffeurs%20SPL%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=128&amp;url=/Offre/128-techniciens-poseurs-f-h&amp;videoId=485471109&amp;typeEntite=Offre&amp;nameCompany=Pro%20Fermetures&amp;nameOffre=Techniciens%20Poseurs%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=113&amp;url=/Offre/113-aide-a-domicile-f-h&amp;videoId=440702903&amp;typeEntite=Offre&amp;nameCompany=Onela&amp;nameOffre=Aide%20à%20domicile%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=120&amp;url=/Offre/120-technico-commercial-f-h&amp;videoId=462942715&amp;typeEntite=Offre&amp;nameCompany=Temporis&amp;nameOffre=Technico-Commercial%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=115&amp;url=/Offre/115-technicien-ramoneur-fumiste-f-h&amp;videoId=460206945&amp;typeEntite=Offre&amp;nameCompany=La%20Centrale%20des%20Ramoneurs&amp;nameOffre=Technicien%20Ramoneur%20/%20Fumiste%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=109&amp;url=/Offre/109-equipier-de-plateforme-polyvalent-f-h&amp;videoId=422692890&amp;typeEntite=Offre&amp;nameCompany=AER%20Recyclage&amp;nameOffre=Equipier%20de%20plateforme%20polyvalent%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=112&amp;url=/Offre/112-conseillers-technico-commerciaux-h-f&amp;videoId=438478115&amp;typeEntite=Offre&amp;nameCompany=Pro%20Fermetures&amp;nameOffre=Conseillers%20Technico-Commerciaux%20(H/F)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=111&amp;url=/Offre/111-couvreur-etancheur-f-h&amp;videoId=432410136&amp;typeEntite=Offre&amp;nameCompany=Blandin&amp;nameOffre=Couvreur/Étancheur%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=108&amp;url=/Offre/108-plombier-chauffagiste-f-h&amp;videoId=398509552&amp;typeEntite=Offre&amp;nameCompany=Blandin&amp;nameOffre=Plombier/Chauffagiste%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=107&amp;url=/Offre/107-operateur-soudeur-chaudronnier-f-h&amp;videoId=397982745&amp;typeEntite=Offre&amp;nameCompany=GEIQ%20Industrie%2044&amp;nameOffre=Opérateur%20Soudeur%20/%20Chaudronnier%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=101&amp;url=/Offre/101-conducteurs-routiers-f-h&amp;videoId=391023366&amp;typeEntite=Offre&amp;nameCompany=Lactalis%20Logistique%20et%20Transports&amp;nameOffre=Conducteurs%20routiers%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=103&amp;url=/Offre/103-agents-de-quai-f-h&amp;videoId=391023871&amp;typeEntite=Offre&amp;nameCompany=Lactalis%20Logistique%20et%20Transports&amp;nameOffre=Agents%20de%20quai%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=77&amp;url=/Offre/77-commercial-sedentaire-en-vente-directe-b-to-b-h-f&amp;videoId=343666512&amp;typeEntite=Offre&amp;nameCompany=Télémaque&amp;nameOffre=Commercial%20sédentaire%20en%20vente%20directe%20B%20to%20B%20(H/F)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=102&amp;url=/Offre/102-preparateurs-de-commandes-f-h&amp;videoId=391023988&amp;typeEntite=Offre&amp;nameCompany=Lactalis%20Logistique%20et%20Transports&amp;nameOffre=Préparateurs%20de%20commandes%20(F/H)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=46&amp;url=/Offre/46-conducteurs-routiers-h-f&amp;videoId=273464203&amp;typeEntite=Offre&amp;nameCompany=Groupe%20MOUSSET&amp;nameOffre=Conducteurs%20routiers%20(H/F)</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=32518&amp;url=/Entreprise/32518-cabinet-jourdan&amp;videoId=491607083&amp;typeEntite=Entreprise&amp;nameCompany=Cabinet%20JOURDAN&amp;nameOffre=</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=32507&amp;url=/Entreprise/32507-tpc-ouest&amp;videoId=489836459&amp;typeEntite=Entreprise&amp;nameCompany=TPC%20Ouest&amp;nameOffre=</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=32355&amp;url=/Entreprise/32355-hyphae&amp;videoId=478847996&amp;typeEntite=Entreprise&amp;nameCompany=HYPHAE&amp;nameOffre=</loc>
<lastmod>2021-02-04</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=21247&amp;url=/Entreprise/21247-lactalis-logistique-et-transports&amp;videoId=391023777&amp;typeEntite=Entreprise&amp;nameCompany=Lactalis%20Logistique%20et%20Transports&amp;nameOffre=</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=19800&amp;url=/Entreprise/19800-silvadec&amp;videoId=386500340&amp;typeEntite=Entreprise&amp;nameCompany=Silvadec&amp;nameOffre=</loc>
<lastmod>2021-02-04</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=19205&amp;url=/Entreprise/19205-intermarche-logistique-alimentaire-international&amp;videoId=385268706&amp;typeEntite=Entreprise&amp;nameCompany=Intermarché%20Logistique%20Alimentaire%20International&amp;nameOffre=</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url>
<url>
<loc>https://www.talentstube.com/Player?id=12480&amp;url=/Entreprise/12480-fym-action&amp;videoId=345898361&amp;typeEntite=Entreprise&amp;nameCompany=Fym%20Action&amp;nameOffre=</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
</url><url>
<loc>https://www.talentstube.com/Offre/140-aide-a-domicile-f-h</loc>
<lastmod>2021-02-10</lastmod>
<priority>1.00</priority>
+2 -2
View File
@@ -94,8 +94,8 @@ class Player extends Component {
<NextSeo
title={titleVideo}
description={descriptionVideo}
// noindex={true}
// nofollow={true}
noindex={true}
nofollow={true}
openGraph={{
title: titleVideo,
description: descriptionVideo,
+2 -2
View File
@@ -1,5 +1,5 @@
import React from 'react';
import PropTypes from 'prop-types';
// import PropTypes from 'prop-types';
import Document, { Head, Main, NextScript } from 'next/document';
import { ServerStyleSheets } from '@material-ui/styles';
import flush from 'styled-jsx/server';
@@ -31,7 +31,7 @@ class MyDocument extends Document {
/>
{/* PWA primary color */}
<meta name="theme-color" content={theme.palette.primary.main} />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600&display=swap" rel="stylesheet">
<link rel="preload" href="/statique/css/fonts.css" rel="stylesheet">
</link>
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
<script async type="text/javascript" src="/static/js/pwaInstaller.js" ></script>
+1
View File
@@ -20,6 +20,7 @@ import dynamic from 'next/dynamic'
import OgHead from '../components/atoms/OgHead';
import getConfig from 'next/config'
import { BreadcrumbJsonLd } from 'next-seo';
// const VideoSlider = dynamic(() => import('../components/organisms/ShortVideoHooker'), {
// ssr: false
// });
+679
View File
@@ -0,0 +1,679 @@
import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Button from '@material-ui/core/Button';
import CameraIcon from '@material-ui/icons/PhotoCamera';
import Card from '@material-ui/core/Card';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import CardMedia from '@material-ui/core/CardMedia';
import CssBaseline from '@material-ui/core/CssBaseline';
import Grid from '@material-ui/core/Grid';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import {makeStyles} from '@material-ui/core/styles';
import Container from '@material-ui/core/Container';
import Link from '@material-ui/core/Link';
import VideoVimeo from '../components/atoms/VideoVimeo'
import 'video-react/dist/video-react.css';
import {Player} from 'video-react';
import Hidden from '@material-ui/core/Hidden';
import dynamic from 'next/dynamic'
import OgHead from '../components/atoms/OgHead';
import getConfig from 'next/config'
const Footer = dynamic(() => import ('../components/organisms/Footer'), {ssr: false});
function Copyright() {
return (
<Typography variant="body2" color="textSecondary" align="center">
{'Copyright © '}
<Link color="inherit" href="https://material-ui.com/">
Your Website
</Link>{' '} {new Date().getFullYear()}
{'.'}
</Typography>
);
}
const useStyles = makeStyles((theme) => ({
icon: {
marginRight: theme.spacing(2)
},
actionBtn: {
marginBottom: "0.75em",
display: "block"
},
bttn: {
color: "#fff",
background: "#FF6A6C",
border: "2px solid #FF6A6C",
padding: "15px"
},
heroSection: {
// background:
// "url('https://blog.talentstube.com/wp-content/uploads/2021/02/realisation-off
// r e-emploi-video-smartphone-modele.jpg') center center no-repeat scroll",
// backgroundSize: "cover",
padding: "5em 0 9em",
position: "relative",
color: "#fff",
[
theme
.breakpoints
.down('md')
]: {
background: "url('https://blog.talentstube.com/wp-content/uploads/2021/02/realisation-offre-e" +
"mploi-video-smartphone-modele.jpg') center center no-repeat scroll",
backgroundSize: "cover",
height: "100%",
padding: "0"
}
},
mieuxQueTexteSection: {
paddingTop: "25em",
[
theme
.breakpoints
.down('md')
]: {
paddingTop: "0"
}
},
mieuxQueTexteTexte: {
color: "#fff"
},
bloc1Section: {
paddingLeft: "5em",
paddingRight: "5em"
},
heroSectionMobile: {
background: "url('https://blog.talentstube.com/wp-content/uploads/2021/02/realisation-offre-e" +
"mploi-video-smartphone-modele.jpg') no-repeat scroll",
height: "100%",
padding: "5em 0 9em",
position: "relative",
color: "#fff"
},
container: {
paddingRight: "15px",
paddingLeft: "15px",
marginRight: "auto",
marginLeft: "auto"
},
containerMobile: {
},
colMd12: {
position: "relative",
minHeight: "1px",
paddingLeft: "15px",
paddingRight: "15px",
margin: "0em 0 1.5em 3em"
},
welcomeMessageLogo: {
textAlign: "left"
},
welcomeMessage: {
textAlign: "left"
},
welcomeMessageH1: {
fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
fontSize: "50px",
fontWeight: "700",
lineHeight: "1.2em !important",
color: "#fff",
maxWidth: "600px"
},
welcomeMessageP: {
fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
fontSize: "20px",
marginBottom: "0",
color: "#fff",
fontWeight: "400",
maxWidth: "600px"
},
videoBackground: {
position: "absolute",
right: "0",
bottom: "0",
top: "0",
minWidth: "100%",
minHeight: "50%",
height: "50%",
width: "auto",
height: "auto",
zIndex: "-100",
// background: `url("/statique/images/recrutement-video.jpg")` ,
},
overlay: {
position: "absolute",
width: "100%",
minHeight: "100%",
background: "rgba(0, 0, 0, 0.36)",
top: "0"
},
overlayMobile: {
width: "100%",
minHeight: "100%",
top: "0"
},
heroContent: {
backgroundColor: "#1689FB",
// backgroundImage:"/statique/images/recrutement-video.jpg",
// background:"https://source.unsplash.com/random", backgroundImage:
// `url("/statique/images/recrutement-video.jpg")` ,
backgroundRepeat: 'no-repeat',
backgroundPosition: "center",
padding: theme.spacing(8, 0, 6)
},
bloc1: {
backgroundColor: "#1E2327",
// backgroundImage:"/statique/images/recrutement-video.jpg",
// background:"https://source.unsplash.com/random", backgroundImage:
// `url("/statique/images/recrutement-video.jpg")` ,
color: "#FFFFFF",
backgroundRepeat: 'no-repeat',
backgroundPosition: "center",
padding: theme.spacing(8, 0, 6),
marginTop: "60px"
},
bloc2: {
backgroundColor: "transparent",
// backgroundImage:"/statique/images/recrutement-video.jpg",
// background:"https://source.unsplash.com/random", backgroundImage:
// `url("/statique/images/recrutement-video.jpg")` ,
backgroundRepeat: 'no-repeat',
backgroundPosition: "center",
marginTop: "0px"
},
footerDiv: {
backgroundColor: "#1E2327",
// backgroundImage:"/statique/images/recrutement-video.jpg",
// background:"https://source.unsplash.com/random", backgroundImage:
// `url("/statique/images/recrutement-video.jpg")` ,
backgroundRepeat: 'no-repeat',
backgroundPosition: "center",
padding: theme.spacing(8, 0, 6)
},
bloc2Titre1: {
textAlign: "left",
font: "normal normal bold 2.625em/1.667em Roboto",
letterSpacing: "2",
color: "#1E2327",
opacity: "1",
lineHeight: "1em"
},
bloc2Titre2: {
textAlign: "left",
font: "normal normal bold 1.625em/1.769em Roboto",
letterSpacing: "2",
color: "#1E2327",
opacity: "1",
lineHeight: "2em"
},
bloc2Titre3: {
textAlign: "left",
font: "normal normal normal 1.25em/1.9em Roboto",
letterSpacing: "2",
color: "#1E2327",
opacity: "1",
lineHeight: "3em"
},
bloc2Paragraphe: {
textAlign: "left",
font: "normal normal normal 1em/2em Roboto",
letterSpacing: "2",
color: "#1E2327",
opacity: "1",
lineHeight: "2em",
marginBottom: '62px'
},
heroButtons: {
marginTop: theme.spacing(4)
},
recruteurButton: {
width: "182px",
height: "49px",
background: "#25D89A 0% 0% no-repeat padding-box",
border: "2px solid #25D89A",
borderRadius: "5px",
opacity: "1",
color: "#fff",
fontWeight: "700",
textTransform: "inherit"
},
talentButton: {
width: "182px",
height: "49px",
border: "2px solid #FFFFFF",
color: "#FFFFFF",
borderRadius: "5px",
opacity: "1",
textTransform: "inherit",
background: "transparent",
fontWeight: "700",
'&:hover': {
background: "#ffffff 0% 0% no-repeat padding-box",
color: "#25D89A"
}
},
cardGrid: {
paddingBottom: theme.spacing(8)
},
cardGauche: {
display: 'flex',
flexDirection: 'column',
background: "#E7F3FF 0% 0% no-repeat padding-box",
boxShadow: "0px 0px 0px rgba(30, 35, 39, 0.15)",
padding: "50px",
'&:hover': {
boxShadow: "0px 0px 0px rgba(30, 35, 39, 0.15)"
}
},
cardDroite: {
display: 'flex',
flexDirection: 'column',
background: "#F8FBFF 0% 0% no-repeat padding-box",
boxShadow: "0px 0px 0px rgba(30, 35, 39, 0.15)",
padding: "50px",
'&:hover': {
boxShadow: "0px 0px 0px rgba(30, 35, 39, 0.15)"
}
},
bloc1Droite: {
backgroundColor: "transparent",
boxShadow: "0px 0px 0px rgba(30, 35, 39, 0.15)",
'&:hover': {
boxShadow: "0px 0px 0px rgba(30, 35, 39, 0.15)"
}
},
bloc1DroiteH1: {
textAlign: "left",
font: "normal normal bold 2.625em/1.667em Roboto",
letterSpacing: "2",
color: "#ffffff",
opacity: "1",
lineHeight: "1.5em"
},
bloc1DroiteParagraphe: {
textAlign: "left",
font: "normal normal normal 1em/2em Roboto",
letterSpacing: "2",
color: "#ffffff",
opacity: "1",
lineHeight: "2em",
marginBottom: '62px'
},
bloc1Gauche: {
backgroundColor: "transparent"
},
cardMedia: {
paddingTop: '500px', // 16:9
},
cardContent: {
flexGrow: 1
},
footer: {
backgroundColor: theme.palette.background.paper,
padding: theme.spacing(6)
}
}));
const {publicRuntimeConfig} = getConfig();
const cards = [1, 2];
export default function Index() {
const classes = useStyles();
const DefaultUrl = publicRuntimeConfig.symphonyUrl + "/img/default_picture_svg"
const imgUrl = DefaultUrl
return (
<React.Fragment>
<OgHead
seo_title="Espace candidat - Plateforme de recrutement en vidéo | Talents Tube"
seo_description="Talents Tube est la première plateforme réservée aux offres d'emploi vidéo, vidéo marque employeur et aux CV vidéos. Découvrez une nouvelle méthode de recrutement."
seo_url="www.talentstube.com"
image={imgUrl}
seo_key="Recrutement, video"></OgHead>
<main>
{/* Hero unit */}
<header >
<Hidden smDown>
<div className={classes.heroSection}></div>
<video autoPlay loop muted className={classes.videoBackground}>
<source
src={"/statique/video/modele-offre-emploi-originale.mp4"}
type='video/mp4'/>
</video>
<div className={classes.container}>
<div className={classes.colMd12}>
<div className={classes.welcomeMessageLogo}>
<img src="/statique/images/talents-tube-logo.svg"/>
</div>
<div className={classes.welcomeMessage}>
<h1 className={classes.welcomeMessageH1}>Adoptez le recrutement vidéo</h1>
<p className={classes.welcomeMessageP}>Talents Tube favorise la mise en relation
de candidats et dentreprises et tout ça en vidéo !</p>
</div>
<div className={classes.heroButtons}></div>
<div className={classes.actionBtn}>
<Grid container spacing={2} justify="left">
<Grid item>
<Button variant="contained" className={classes.recruteurButton}>
Je suis recruteur
</Button>
</Grid>
<Grid item>
<Button variant="contained" className={classes.talentButton}>
Je suis talent
</Button>
</Grid>
</Grid>
{/* <button
className={classes.recruteurButton}
data-toggle="modal"
data-target="#exampleModal">JE SUIS RECRUTEUR</button>
<button
className={classes.talentButton}
data-toggle="modal"
data-target=".bd-example-modal-lg">JE SUIS TALENT</button> */}
</div>
</div>
</div>
</Hidden>
<Hidden mdUp>
<div className={classes.heroSectionMobile}>
<div className={classes.overlayMobile}>
<div className={classes.containerMobile}>
<div className={classes.colMd12}>
<div className={classes.welcomeMessageLogo}>
<img src="/statique/images/talents-tube-logo.svg"/>
</div>
<div className={classes.welcomeMessage}>
<h1 className={classes.welcomeMessageH1}>Adoptez le recrutement vidéo</h1>
<p className={classes.welcomeMessageP}>Talents Tube favorise la mise en relation
de candidats et dentreprises et tout ça en vidéo !</p>
</div>
<div className={classes.heroButtons}></div>
<div className={classes.actionBtn}>
<Grid container spacing={2} justify="left">
<Grid item>
<Button variant="contained" className={classes.recruteurButton}>
Je suis recruteur
</Button>
</Grid>
<Grid item>
<Button variant="contained" className={classes.talentButton}>
Je suis talent
</Button>
</Grid>
</Grid>
{/* <button
className={classes.recruteurButton}
data-toggle="modal"
data-target="#exampleModal">JE SUIS RECRUTEUR</button>
<button
className={classes.talentButton}
data-toggle="modal"
data-target=".bd-example-modal-lg">JE SUIS TALENT</button> */}
</div>
</div>
</div>
</div>
</div>
</Hidden>
<section className={classes.mieuxQueTexteSection}>
<div className={classes.heroContent}>
<Container maxWidth="sm">
<Typography variant="h5" align="center" className={classes.mieuxQueTexteTexte}>
« Parce que vous méritez mieux que du texte ! »
</Typography>
</Container>
</div>
</section>
</header>
<section >
<div >
<Container className={classes.cardGrid} maxWidth="xl">
{/* End hero unit */}
<Grid container spacing={0}>
<Grid item key={1} xs={24} sm={12} md={6}>
<Card className={classes.cardGauche}>
<CardContent >
<Typography gutterBottom component="h2" className={classes.bloc2Titre1}>
Je suis recruteur
</Typography>
<Typography gutterBottom component="h3" className={classes.bloc2Titre2}>
Talent introuvable ? Métier en tension ?
</Typography>
<Typography className={classes.bloc2Titre3} component="h4">
Rencontrez vos futurs collaborateurs autrement, en vidéo
</Typography>
<Typography className={classes.bloc2Paragraphe}>
<b>Publiez une offre demploi vidéo :</b><br/>
<ul>
<li>Pas besoin dune super vidéo, montrez simplement votre entreprise en donnant
la parole à vos salariés</li>
</ul>
<b>Recevez des candidatures vidéo :</b><br/>
<ul>
<li>Au-delà des compétences, découvrez les vraies personnes derrière le CV
</li>
</ul>
<ul>
<li>
Gagnez du temps dans votre présélection, rencontrez uniquement les candidats
réellement impliqués</li>
</ul>
<b>Ne vous limitez plus à des mots, osez un recrutement plus qualitatif !</b><br/>
</Typography>
<Button variant="contained" className={classes.recruteurButton}>
En savoir plus
</Button>
</CardContent>
</Card>
</Grid>
<Grid item key={2} xs={24} sm={12} md={6}>
<Card className={classes.cardDroite}>
<CardContent className={classes.cardContent}>
<Typography gutterBottom component="h2" className={classes.bloc2Titre1}>
Je suis candidat
</Typography>
<Typography gutterBottom component="h3" className={classes.bloc2Titre2}>
Marre des envois de CV sans réponse ?
</Typography>
<Typography className={classes.bloc2Titre3} component="h4">
Rencontrez votre futur employeur autrement, en vidéo :
</Typography>
<Typography className={classes.bloc2Paragraphe}>
<b>Consultez des offres demploi video :</b><br/>
<ul>
<li>Loffre est en vidéo pour mieux comprendre lentreprise, le métier,
léquipe Votre candidature est aussi en vidéo. Vous êtes à égalité !</li>
</ul>
<b>Déposez votre candidature en vidéo :</b><br/>
<ul>
<li>Tout le monde a du talent et votre personnalité est aujourdhui votre
meilleur atout
</li>
</ul>
<ul>
<li>Pas besoin dune « belle » vidéo, soyez vrai et authentique</li>
</ul>
<b>Dévoilez gratuitement qui vous êtes, au-delà des mots !<br/></b><br/>
</Typography>
<Button variant="contained" className={classes.recruteurButton}>
Je me lance
</Button>
</CardContent>
</Card>
</Grid>
</Grid>
</Container>
</div>
<div className={classes.bloc1}>
<Container className={classes.cardGrid} maxWidth="lg">
{/* End hero unit */}
<Grid container spacing={10}>
<Grid item key={2} xs={24} sm={12} md={6}>
<Card className={classes.bloc1Droite}>
<CardContent className={classes.bloc1Droite}>
<Typography
gutterBottom
component="h2"
color="#fff"
className={classes.bloc1DroiteH1}>
Notre mission : Remettre lhumain au cœur des recrutements
</Typography>
<Typography className={classes.bloc1DroiteParagraphe}>
Chez Talents Tube, nous pensons que la technologie ne doit pas remplacer
lhumain mais être à son service. Cest pour cette raison que nous proposons un
outil de recrutement vidéo alliant digital et humain, afin de redonner la parole
aux candidats et aux entreprises. Talents Tube est aujourdhui la SEULE
plateforme de recrutement qui permet aux entreprises de publier des offres
demploi en vidéo et de recevoir des candidatures en vidéo.
</Typography>
</CardContent>
</Card>
</Grid>
<Hidden smDown>
<Grid item key={1} xs={24} sm={12} md={6}>
<Card className={classes.bloc1Gauche}>
<CardMedia
className={classes.cardMedia}
image="/statique/images/accueil/candidature-en-video.png"></CardMedia>
</Card>
</Grid>
</Hidden>
</Grid>
</Container>
</div>
<div className={classes.bloc3}>
<Container className={classes.cardGrid} maxWidth="lg">
{/* End hero unit */}
<Grid container spacing={10}>
<Hidden smDown>
<Grid item key={1} xs={24} sm={12} md={6}>
<Card className={classes.bloc1Gauche}>
<CardMedia
className={classes.cardMedia}
image="/statique/images/accueil/equipe_talents_tube.jpg"></CardMedia>
</Card>
</Grid>
</Hidden>
<Grid item key={2} xs={24} sm={12} md={6}>
<Card className={classes.bloc1Droite}>
<CardContent className={classes.bloc1Droite}>
<Typography
gutterBottom
variant="h5"
component="h1"
color="#fff"
className={classes.bloc2Titre1}>
Pourquoi nous ?
</Typography>
<Typography className={classes.bloc2Titre2}>
Parce que nous sommes les SEULS à savoir le faire !
</Typography>
<Typography className={classes.bloc2Paragraphe}>
Notre équipe est composée dexperts métier qui sauront vous accompagner dans
toutes vos demandes que vous soyez candidat ou recruteur. En recherche
dévolution constante, nous avons à cœur de créer une relation de proximité afin
dadapter NOTRE solution à VOS besoins et ainsi créer une expérience utilisateur
inoubliable. Composée dexperts de la fonction RH & Recrutement, nous sommes
passionnés par ce que nous faisons. Notre SEUL objectif : favoriser la rencontre
dentreprises formidables et de candidats uniques pour une performance commune.
</Typography>
</CardContent>
</Card>
</Grid>
</Grid>
</Container>
</div>
<div className={classes.bloc4}>
<Container className={classes.cardGrid} maxWidth="lg">
{/* End hero unit */}
<Grid container spacing={10}>
<Grid item key={2} xs={24} sm={12} md={6}>
<Card className={classes.bloc1Droite}>
<CardContent className={classes.bloc1Droite}>
<Typography
gutterBottom
variant="h5"
component="h1"
color="#fff"
className={classes.bloc2Titre1}>
Ils recrutent déjà avec Talents Tube!
</Typography>
</CardContent>
</Card>
</Grid>
<Grid item key={1} xs={24} sm={12} md={6}>
<Card className={classes.bloc1Gauche}>
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/sKh0u7Mbdps"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</Card>
</Grid>
</Grid>
</Container>
</div>
{/* <div className={classes.footerDiv}>
<Container maxWidth="sm"></Container>
</div> */}
<Footer/>
</section>
</main>
</React.Fragment>
);
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+36
View File
@@ -0,0 +1,36 @@
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
File diff suppressed because it is too large Load Diff
+153
View File
@@ -0,0 +1,153 @@
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(../img/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #FF5A5F;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.screenshot-slider .item{
margin: 3px;
}
.screenshot-slider .item img{
display: block;
width: 100%;
height: auto;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 688 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

@@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" width="207.525" height="43.208" viewBox="0 0 207.525 43.208">
<g id="Logo" transform="translate(-63.142 -208.083)">
<g id="Groupe_7907" data-name="Groupe 7907" transform="translate(63.142 217.603)" style="isolation: isolate">
<g id="Groupe_7904" data-name="Groupe 7904" transform="translate(0 1.508)" style="isolation: isolate">
<path id="Tracé_369" data-name="Tracé 369" d="M65.046,260.631v-7.353h-.529a1.375,1.375,0,0,1,0-2.751h.529v-2.38a1.6,1.6,0,0,1,3.2,0v2.38h2.513a1.376,1.376,0,1,1,0,2.751H68.247v6.85a1.524,1.524,0,0,0,1.719,1.746,7.557,7.557,0,0,0,.793-.079,1.349,1.349,0,0,1,1.349,1.323,1.377,1.377,0,0,1-.846,1.243,6.365,6.365,0,0,1-2.2.37C66.713,264.73,65.046,263.7,65.046,260.631Z" transform="translate(-63.142 -246.56)" fill="#fff"/>
</g>
<g id="Groupe_7905" data-name="Groupe 7905" transform="translate(11.73 5.29)" style="isolation: isolate">
<path id="Tracé_370" data-name="Tracé 370" d="M104.07,269.887v-.053c0-3.015,2.354-4.5,5.766-4.5a11.663,11.663,0,0,1,3.756.582v-.344c0-1.983-1.217-3.041-3.465-3.041a8.3,8.3,0,0,0-3.095.555,1.792,1.792,0,0,1-.5.08,1.332,1.332,0,0,1-1.349-1.322,1.4,1.4,0,0,1,.873-1.27,11.967,11.967,0,0,1,4.5-.82,6.258,6.258,0,0,1,4.629,1.56,5.8,5.8,0,0,1,1.507,4.311V272.5a1.524,1.524,0,0,1-1.561,1.534,1.446,1.446,0,0,1-1.56-1.349v-.529a5.676,5.676,0,0,1-4.549,2.036C106.4,274.2,104.07,272.69,104.07,269.887Zm9.575-1.005v-.952a8.875,8.875,0,0,0-3.174-.555c-2.063,0-3.28.873-3.28,2.327v.053c0,1.349,1.19,2.116,2.724,2.116C112.031,271.87,113.645,270.654,113.645,268.882Z" transform="translate(-104.07 -259.757)" fill="#fff"/>
</g>
<g id="Groupe_7906" data-name="Groupe 7906" transform="translate(28.512)" style="isolation: isolate">
<path id="Tracé_371" data-name="Tracé 371" d="M162.626,242.886a1.575,1.575,0,0,1,1.587-1.587,1.6,1.6,0,0,1,1.613,1.587v16.4a1.6,1.6,0,0,1-3.2,0Z" transform="translate(-162.626 -241.299)" fill="#fff"/>
<path id="Tracé_372" data-name="Tracé 372" d="M192.864,273.96a6.968,6.968,0,0,1-7.168-7.247v-.053c0-3.994,2.83-7.273,6.824-7.273a6.606,6.606,0,0,1,6.638,6.877,1.5,1.5,0,0,1-1.507,1.534H188.9a3.9,3.9,0,0,0,4.02,3.544,5.019,5.019,0,0,0,3.306-1.217,1.192,1.192,0,0,1,.82-.291,1.259,1.259,0,0,1,1.269,1.3,1.4,1.4,0,0,1-.423.979A7.171,7.171,0,0,1,192.864,273.96Zm3.174-8.279c-.212-2.063-1.428-3.676-3.544-3.676-1.957,0-3.333,1.507-3.624,3.676Z" transform="translate(-179.084 -254.203)" fill="#fff"/>
<path id="Tracé_373" data-name="Tracé 373" d="M244.11,261.133a1.581,1.581,0,0,1,1.587-1.613,1.6,1.6,0,0,1,1.614,1.613v.688a5.062,5.062,0,0,1,4.364-2.434c3.147,0,4.972,2.116,4.972,5.343v7.458a1.559,1.559,0,0,1-1.587,1.587,1.581,1.581,0,0,1-1.613-1.587v-6.48c0-2.169-1.084-3.412-2.989-3.412-1.851,0-3.147,1.3-3.147,3.465v6.427a1.6,1.6,0,0,1-3.2,0Z" transform="translate(-220.757 -254.203)" fill="#fff"/>
<path id="Tracé_374" data-name="Tracé 374" d="M298.892,260.631v-7.353h-.529a1.375,1.375,0,0,1,0-2.751h.529v-2.38a1.6,1.6,0,0,1,3.2,0v2.38h2.513a1.376,1.376,0,1,1,0,2.751h-2.513v6.85a1.524,1.524,0,0,0,1.719,1.746,7.566,7.566,0,0,0,.794-.079,1.349,1.349,0,0,1,1.349,1.323,1.377,1.377,0,0,1-.846,1.243,6.362,6.362,0,0,1-2.2.37C300.558,264.73,298.892,263.7,298.892,260.631Z" transform="translate(-258.48 -245.052)" fill="#fff"/>
<path id="Tracé_375" data-name="Tracé 375" d="M335.893,272.373a1.226,1.226,0,0,1-.608-1.111,1.281,1.281,0,0,1,1.3-1.3,1.4,1.4,0,0,1,.688.185,7.372,7.372,0,0,0,4.02,1.349c1.375,0,2.169-.582,2.169-1.508v-.053c0-1.084-1.481-1.454-3.121-1.957-2.063-.582-4.364-1.428-4.364-4.1v-.053c0-2.645,2.2-4.258,4.972-4.258a9.6,9.6,0,0,1,4.39,1.137,1.356,1.356,0,0,1,.767,1.217,1.287,1.287,0,0,1-1.322,1.3,1.256,1.256,0,0,1-.635-.159,7.615,7.615,0,0,0-3.28-.952c-1.243,0-1.957.582-1.957,1.375v.053c0,1.031,1.508,1.455,3.147,1.984,2.037.634,4.337,1.56,4.337,4.073v.053c0,2.936-2.274,4.39-5.184,4.39A9.544,9.544,0,0,1,335.893,272.373Z" transform="translate(-285.802 -254.335)" fill="#fff"/>
<path id="Tracé_376" data-name="Tracé 376" d="M410.736,260.631v-7.353h-.529a1.375,1.375,0,1,1,0-2.751h.529v-2.38a1.6,1.6,0,0,1,3.2,0v2.38h2.513a1.376,1.376,0,1,1,0,2.751h-2.513v6.85a1.524,1.524,0,0,0,1.719,1.746,7.578,7.578,0,0,0,.794-.079,1.349,1.349,0,0,1,1.349,1.323,1.377,1.377,0,0,1-.846,1.243,6.364,6.364,0,0,1-2.2.37C412.4,264.73,410.736,263.7,410.736,260.631Z" transform="translate(-338.27 -245.052)" fill="#fff"/>
<path id="Tracé_377" data-name="Tracé 377" d="M463.107,272.518a1.613,1.613,0,0,1-3.227,0V271.8a5.026,5.026,0,0,1-4.364,2.46c-3.147,0-4.972-2.116-4.972-5.369v-7.432a1.6,1.6,0,1,1,3.2,0v6.48c0,2.169,1.085,3.385,2.989,3.385,1.851,0,3.147-1.27,3.147-3.438v-6.427a1.6,1.6,0,0,1,1.613-1.613,1.62,1.62,0,0,1,1.613,1.613Z" transform="translate(-368.028 -254.533)" fill="#fff"/>
<path id="Tracé_378" data-name="Tracé 378" d="M508.312,242.886A1.559,1.559,0,0,1,509.9,241.3a1.581,1.581,0,0,1,1.613,1.587V249.1a5.59,5.59,0,0,1,4.761-2.619c3.28,0,6.48,2.592,6.48,7.247v.053c0,4.628-3.174,7.247-6.48,7.247a5.7,5.7,0,0,1-4.761-2.46v.714a1.6,1.6,0,0,1-3.2,0Zm11.188,10.9v-.053c0-2.7-1.825-4.47-3.994-4.47a4.211,4.211,0,0,0-4.073,4.47v.053a4.211,4.211,0,0,0,4.073,4.47C517.7,258.253,519.5,256.534,519.5,253.783Z" transform="translate(-409.24 -241.299)" fill="#fff"/>
<path id="Tracé_379" data-name="Tracé 379" d="M574.724,273.96a6.968,6.968,0,0,1-7.167-7.247v-.053c0-3.994,2.83-7.273,6.824-7.273a6.606,6.606,0,0,1,6.638,6.877,1.5,1.5,0,0,1-1.508,1.534h-8.754a3.9,3.9,0,0,0,4.02,3.544,5.02,5.02,0,0,0,3.306-1.217,1.191,1.191,0,0,1,.819-.291,1.259,1.259,0,0,1,1.27,1.3,1.4,1.4,0,0,1-.423.979A7.171,7.171,0,0,1,574.724,273.96Zm3.174-8.279c-.212-2.063-1.428-3.676-3.544-3.676-1.957,0-3.333,1.507-3.623,3.676Z" transform="translate(-451.506 -254.203)" fill="#fff"/>
</g>
</g>
<g id="Groupe_7908" data-name="Groupe 7908" transform="translate(234.216 208.083)">
<circle id="Ellipse_2" data-name="Ellipse 2" cx="5.337" cy="5.337" r="5.337" transform="translate(15.103 23.449)" fill="#fff"/>
<circle id="Ellipse_3" data-name="Ellipse 3" cx="5.337" cy="5.337" r="5.337" transform="translate(15.103 9.198)" fill="#fff"/>
<circle id="Ellipse_4" data-name="Ellipse 4" cx="6.416" cy="6.416" r="6.416" transform="translate(0 15.217)" fill="#fff"/>
<circle id="Ellipse_5" data-name="Ellipse 5" cx="6.416" cy="6.416" r="6.416" fill="#fff"/>
<circle id="Ellipse_6" data-name="Ellipse 6" cx="6.416" cy="6.416" r="6.416" transform="translate(0 30.376)" fill="#fff"/>
<circle id="Ellipse_7" data-name="Ellipse 7" cx="4.429" cy="4.429" r="4.429" transform="translate(27.594 17.204)" fill="#fff"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.6 KiB