{"version":3,"file":"component---src-pages-secteurs-js-b8c20ec26212c661bbd7.js","mappings":"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","sources":["webpack://attractif-website/./src/layouts/Home/HomeContentSection/index.js","webpack://attractif-website/./src/layouts/Industries/IndustriesTypeSection/index.js","webpack://attractif-website/./src/layouts/Industries/index.js","webpack://attractif-website/./src/pages/secteurs.js"],"sourcesContent":["import React from 'react';\nimport {colors} from '../../../style/constants';\nimport InnerLinkButton from '../../../components/svgs/buttons/InnerLinkButton';\nimport { Link } from \"gatsby\";\nimport Container from '@material-ui/core/Container';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport {graphql, useStaticQuery} from 'gatsby';\nimport { GatsbyImage } from \"gatsby-plugin-image\";\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    background: colors.ATT_BLUE,\n    '& p': {\n      margin: '30px 0'\n    },\n    '& h2, p': {\n      paddingRight: 60,\n      color: colors.WHITE\n    },\n    '& .gatsby-image-wrapper': {\n      width: '100%',\n    },\n    '& a': {\n      marginRight: 30,\n      [theme.breakpoints.down('xs')]: {\n        marginBottom: 15,\n      }\n    },\n    [theme.breakpoints.down('sm')]: {\n      '& > div > div': {\n        flexFlow: 'column-reverse',\n        '& > :last-child': {\n          justifyContent: 'flex-start',\n          marginBottom: 30,\n        }\n      }\n    }\n  },\n}));\n\nconst HomeContentSection = (props) => {\n  const data = useStaticQuery(graphql`\n    query contentImage {\n      image: file(relativePath: { eq: \"home/Attractif-Content.png\"}) {\n        id\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH)\n        }\n      }\n    }\n  `)\n\n  const classes = useStyles();\n  return (\n    <section className={classes.wrapper + \" clipped\"}>\n      <Container id=\"home-content-manager\">\n        <Grid container alignItems='center'>\n          <Grid item sm={12} md={6}>\n            <h2>{props.lang === 'en-CA' ? 'We are content driven' : 'Nous sommes axés sur le contenu'}</h2>\n            <p>{props.lang === 'en-CA' ? 'Use our designed and animated templates that you can customize in seconds or save time with our turnkey content.' : 'Personnalisez facilement nos gabarits infographiés et animés. Épargnez du temps avec du contenu clé en main.'}</p>\n            {props.lang === 'en-CA' ? <Grid container><Link to=\"/en/content#templates\"><InnerLinkButton text=\"Templates\" /></Link><Link to=\"/en/content##turnkey-content\"><InnerLinkButton text=\"Turnkey content\" /></Link></Grid> : <Grid container><Link to=\"/contenu#templates\"><InnerLinkButton text=\"Gabarits\" /></Link><Link to=\"/contenu#turnkey-content\"><InnerLinkButton text=\"Clé en main\" /></Link></Grid>}\n          </Grid>\n          <Grid container justifyContent=\"flex-end\" item sm={12} md={6}>\n            <GatsbyImage image={data.image.childImageSharp.gatsbyImageData}  alt=\"Content driven - Axés sur le contenu\"/>\n          </Grid>\n        </Grid>\n      </Container>\n    </section>\n  );\n}\n\nexport default HomeContentSection;","import React, {useState} from 'react';\nimport { Link } from \"gatsby\";\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport Container from '@material-ui/core/Container';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport {colors} from '../../../style/constants.js';\nimport {Pharmacies, Finance, Factories, Communication, Restauration, Glasses, Tourism, Retail, More} from '../../../components/svgs/industries';\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    textAlign: 'center',\n    '& > svg': {\n      position: 'absolute',\n      right: 0,\n    }\n  },\n  industry: {\n    position: 'relative',\n    boxSizing: 'border-box',\n    borderRadius: 10,\n    overflow: 'hidden',\n    width: '100%',\n    height: '100%',\n    '& h4': {\n      background: colors.WHITE,\n      color: colors.ATT_BLUE,\n      width: '100%',\n      height: 60,\n      padding: '0 15px',\n      boxSizing: 'border-box',\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      zIndex: 2,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n  },\n  gradient: {\n    opacity: 1,\n    background: 'linear-gradient(to right, rgba(91, 192, 222, 0.5) 0%,rgba(88, 221, 170, 0.5) 100%)',\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    zIndex: 1,\n    '& svg': {\n      filter: 'brightness(0) invert(1)',\n      width: 90,\n      height: 90,\n      marginBottom: 60,\n      [theme.breakpoints.down('md')]: {\n        width: 60,\n        height: 60,\n        [theme.breakpoints.down('xs')]: {\n          width: 45,\n          height: 45,\n        },\n      },\n    }\n  }\n}));\n\nconst IndustriesTypeSection = (props) => {\n\n  const [activeIndustry, setActiveIndustry] = useState('');\n  const classes = useStyles();\n  \n  const renderIndustries = () => {\n    return props.industries.map((industry, index) => {\n      const renderIcon = () => {\n        if (industry.node.contentful_id === \"PWF1ScawoaaxnKIgjOtuc\") {\n          return <Pharmacies />\n        }\n        if (industry.node.contentful_id === \"6ZaDyyZZ4mBcj8sAQtdw4s\") {\n          return <Finance />\n        }\n        if (industry.node.contentful_id === \"626he1WN2uKETazng2SuCd\") {\n          return <Factories />\n        }\n        if (industry.node.contentful_id === \"1uJmaotvSb75OCUDrKeY6o\") {\n          return <Communication />\n        }\n        if (industry.node.contentful_id === \"72qEQKcsgYTajRzrrv7WcA\") {\n          return <Restauration />\n        }\n        if (industry.node.contentful_id === \"2ucuM8w25zf95SjOxURGBL\") {\n          return <Glasses />\n        }\n        if (industry.node.contentful_id === \"7olBztWibd2z1GSgYNQwOl\") {\n          return <Retail />\n        }\n        if (industry.node.contentful_id === \"270Cghzi0aPNX6ab5ywlbo\") {\n          return <Tourism />\n        }\n        if (industry.node.contentful_id === \"70OA8GcVMObd2NwScKZ0IC\") {\n          return <More />\n        }\n      }\n\n      return (\n        <Grid container item xs={6} sm={4} key={index}>\n          { industry.node.contentful_id === \"2ucuM8w25zf95SjOxURGBL\" ? \n          <a href=\"https://www.micotv.ca/\" target=\"_blank\" rel=\"noopener noreferrer\" key={index} className={classes.industry + ' clickable industry-' + (index + 1) + ' ' + activeIndustry} onMouseEnter={ () => setActiveIndustry(index + 1) } onMouseLeave={ () => setActiveIndustry('') }>\n            <Grid className={classes.gradient} container justifyContent='center' alignItems='center'>\n            {activeIndustry === index + 1 ? renderIcon() : \"\"}\n            </Grid>\n            <GatsbyImage image={industry.node.image.gatsbyImageData} alt={industry.node.name}/>\n            <h4>{industry.node.name}</h4>\n          </a>  \n          :\n          <Link to={industry.node.permalink} key={index} className={classes.industry + ' clickable industry-' + (index + 1) + ' ' + activeIndustry} onMouseEnter={ () => setActiveIndustry(index + 1) } onMouseLeave={ () => setActiveIndustry('') }>\n            <Grid className={classes.gradient} container justifyContent='center' alignItems='center'>\n            {activeIndustry === index + 1 ? renderIcon() : \"\"}\n            </Grid>\n            <GatsbyImage image={industry.node.image.gatsbyImageData} alt={industry.node.name}/>\n            <h4>{industry.node.name}</h4>\n          </Link>  \n          }\n        </Grid>\n      );\n    });\n  };\n\n  return (\n    <section className={classes.wrapper} id=\"industries\">\n      <Container>\n        <Grid container justifyContent='center' spacing={3}>\n          {renderIndustries()}\n        </Grid>\n      </Container>\n    </section>\n  );\n}\n\nexport default IndustriesTypeSection;","import React from 'react';\nimport IndustriesTypeSection from './IndustriesTypeSection';\nimport HomeContentSection from '../Home/HomeContentSection/';\n\nconst Industries = (props) => {\n  return (\n    <>\n      <IndustriesTypeSection lang={props.lang} industries={props.industries}/>\n      <HomeContentSection lang={props.lang}/>\n    </>\n  );\n}\n  \nexport default Industries;","import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Industries from \"../layouts/Industries\"\nimport {graphql, useStaticQuery} from 'gatsby';\n\nconst IndustriesPageFr = () => {\n  const data = useStaticQuery(graphql`\n    query IndustriesHeaderImageFr {\n      image: file(relativePath: { eq: \"industries/header.jpg\"}) {\n        id\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH)\n        }\n      }\n      allContentfulSecteurs(filter: {node_locale: {eq: \"fr-CA\"}}, sort: {fields: createdAt}) {\n        edges {\n          node {\n            name\n            permalink\n            contentful_id\n            image {\n              gatsbyImageData(layout: CONSTRAINED)\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <Layout \n    lang=\"fr-CA\" \n    switchLink='/en/industries' \n    slider={true} \n    headerImage={data.image.childImageSharp} \n    title=\"Un outil de communication indispensable et adapté à votre secteur d'activité\" \n    subTitle=\"Que ce soit avec vos employés ou clients, nous avons la solution à vos enjeux de communication.\" anchorLink=\"#industries\">\n      <Seo \n        title=\"Solutions d'affichage dynamique adaptées à vos activités\"\n        description=\"Peu importe votre secteur d'activités et votre auditoire, vous allez sauver du temps en utilisant nos gabarits infographiés et animés que vous pourrez personnaliser et ajuster à votre image.\"\n       />\n      <Industries lang=\"fr-CA\" industries={data.allContentfulSecteurs.edges}/>\n    </Layout>\n  )\n}\n\nexport default IndustriesPageFr"],"names":["useStyles","makeStyles","theme","wrapper","background","colors","ATT_BLUE","margin","paddingRight","color","WHITE","width","marginRight","breakpoints","down","marginBottom","flexFlow","justifyContent","props","data","useStaticQuery","classes","React","className","Container","id","Grid","container","alignItems","item","sm","md","lang","Link","to","InnerLinkButton","text","GatsbyImage","image","childImageSharp","gatsbyImageData","alt","textAlign","position","right","industry","boxSizing","borderRadius","overflow","height","padding","bottom","left","zIndex","display","gradient","opacity","filter","activeIndustry","setActiveIndustry","useState","spacing","industries","map","index","renderIcon","node","contentful_id","Pharmacies","Finance","Factories","Communication","Restauration","Glasses","Retail","Tourism","More","xs","key","href","target","rel","onMouseEnter","onMouseLeave","name","permalink","IndustriesTypeSection","HomeContentSection","IndustriesPageFr","Layout","switchLink","slider","headerImage","title","subTitle","anchorLink","Seo","description","Industries","allContentfulSecteurs","edges"],"sourceRoot":""}