{"version":3,"sources":["webpack://educnetwork/./src/components/MainButtonLink.tsx","webpack://educnetwork/./src/components/MainButton.tsx","webpack://educnetwork/./src/pages/index.tsx"],"names":["MainButtonLink","props","url","title","className","href","MainButton","Link","to","Home","data","t","useTranslation","Layout","S","src","placeholder","alt","height","width"],"mappings":"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","file":"component---src-pages-index-tsx-d0ca30e145f109a262c1.js","sourcesContent":["import React from 'react';\nimport { Link } from \"gatsby\";\n\ninterface MenuItemProps {\n  url: string;\n  title: string;\n  className?: string;\n}\n\nexport default function MainButtonLink(props: MenuItemProps) {\n  const { url, title, className = '' } = props;\n  return <a href={url} className={`button is-rounded mainbutton ${className}`}>{title}</a>;\n}\n","import React from 'react';\nimport { Link } from \"gatsby\";\n\ninterface MenuItemProps {\n  url: string;\n  title: string;\n  className?: string;\n}\n\nexport default function MainButton(props: MenuItemProps) {\n  const { url, title, className = '' } = props;\n  return <Link to={url} className={`button is-rounded mainbutton ${className}`}>{title}</Link>;\n}\n","import React from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport Layout from \"../components/Layout\";\nimport MainButton from \"../components/MainButton\";\nimport MainButtonLink from \"../components/MainButtonLink\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport {useTranslation} from 'gatsby-plugin-react-i18next';\n\ninterface HomeProps {\n  data: any;\n}\n\nexport default function Home(props: HomeProps) {\n  const { data } = props;\n  const { t } = useTranslation();\n  return (\n    <Layout>\n      <section className='section hero is-fullheight'>\n        <div className=\"container hero-bg\">\n          <div className=\"hero-body columns is-flex is-flex-direction-row-reverse containerPunchline\">\n            <div className=\"column\">\n              <h1 className=\"title is-2 punchline\">\n              <span className=\"punchline-highlight\">{t('punchlineIntro')}</span>\n              </h1>\n              <p className=\"subtitle is-4 punchline-text\">\n                {t('punchlineText')}\n              </p>\n              <MainButton url='/about' title={t('learnmore')} />\n            </div>\n            <div className='column heroImageContainer'>\n              <StaticImage\n                className=\"heroImg\"\n                src=\"../images/students.jpeg\"\n                placeholder=\"blurred\"\n                alt=\"A photo of Educ participants on the last event\"\n                height={500}\n              />\n              <div className=\"rectangle\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n      <section className=\"section whyeduc\">\n        <div className=\"container\">\n          <header className=\"headerTitle\">\n            <h1 className=\"title is-2 has-text-centered mainTitle\">{t('whyEduc')}</h1>\n          </header>\n          <div className=\"columns is-align-items-center\">\n            <article className=\"column is-flex is-flex-direction-column is-align-items-center whyArticle\">\n              <h1 className=\"title is-3 has-text-centered  whyeductitle\">{t('learning')}</h1>\n              <div>\n                <StaticImage\n                  src=\"../images/openedbook.png\"\n                  placeholder=\"blurred\"\n                  alt={t('learning')}\n                  width={189}\n                  />\n              </div>\n              {/* <p className=\"subtitle is-5 whyeductext has-text-centered\">Lorem ipsum dolor sit amet, <span className=\"whyeductextspan\">consectetur adipiscing elit</span>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> */}\n            </article>\n            <div className=\"is-flex is-justify-content-center\">\n              <StaticImage\n                src=\"../images/plus.png\"\n                alt=\"plus\"\n                width={80}\n                />\n            </div>\n            <article className=\"column is-flex is-flex-direction-column is-align-items-center whyArticle\">\n              <h1 className=\"title is-3 has-text-centered  whyeductitle\">{t('traveling')}</h1>\n              <div>\n                <StaticImage\n                  src=\"../images/travelglobe.png\"\n                  placeholder=\"blurred\"\n                  alt={t('traveling')}\n                  width={189}\n                  />\n              </div>\n              {/* <p className=\"subtitle is-5 whyeductext has-text-centered\">Lorem ipsum dolor sit amet, <span className=\"whyeductextspan\">consectetur adipiscing elit</span>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> */}\n              </article>\n            <div className=\"is-flex is-justify-content-center\">\n              <StaticImage\n                src=\"../images/plus.png\"\n                alt=\"plus\"\n                width={80}\n                />\n            </div>\n            <article className=\"column is-flex is-flex-direction-column is-align-items-center whyArticle\">\n              <h1 className=\"title is-3 has-text-centered  whyeductitle\">{t('networking')}</h1>\n              <div>\n                <StaticImage\n                  src=\"../images/networking.png\"\n                  placeholder=\"blurred\"\n                  alt={t('networking')}\n                  width={189}\n                  />\n              </div>\n              {/* <p className=\"subtitle is-5 whyeductext has-text-centered\">Lorem ipsum dolor sit amet, <span className=\"whyeductextspan\">consectetur adipiscing elit</span>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> */}\n            </article>\n          </div>\n        </div>\n      </section>\n      <section className=\"section hero is-medium\">\n        <div className=\"container\">\n          <header className=\"headerTitle\">\n            <h1 className=\"title is-2 has-text-centered mainTitle\">{t('statistics')}</h1>\n          </header>\n          <div className=\"columns\">\n            <article className=\"column is-flex is-flex-direction-row-reverse is-align-items-center\">\n              <div className=\"itemStats is-flex is-flex-direction-column-reverse\">\n                <h1 className=\"titleStats\">{t('projects')}</h1>\n                <span className=\"numberStats\">12</span>\n              </div>\n              <div className=\"statsImgWrapper\">\n                <StaticImage\n                   src=\"../images/trophy.png\"\n                   placeholder=\"blurred\"\n                   alt={t('projects')}\n                 />\n              </div>\n            </article>\n            <article className=\"column is-flex is-flex-direction-row-reverse is-align-items-center\">\n              <div className=\"itemStats is-flex is-flex-direction-column-reverse\">\n                <h1 className=\"titleStats\">{t('countries')}</h1>\n                <span className=\"numberStats\">06</span>\n              </div>\n              <div className=\"statsImgWrapper\">\n                <StaticImage\n                   src=\"../images/globecountries.png\"\n                   placeholder=\"blurred\"\n                   alt={t('countries')}\n                 />\n              </div>\n            </article>\n            <article className=\"column is-flex is-flex-direction-row-reverse is-align-items-center\">\n              <div className=\"itemStats is-flex is-flex-direction-column-reverse is-flex-justify-content-center\">\n                <h1 className=\"titleStats\">{t('students')}</h1>\n                <span className=\"numberStats\">42</span>\n              </div>\n              <div className=\"statsImgWrapper\">\n              <StaticImage\n                 src=\"../images/studentbag.png\"\n                 placeholder=\"blurred\"\n                 alt={t('students')}\n               />\n               </div>\n            </article>\n          </div>\n        </div>\n      </section>\n      <section className=\"section  questionaire\">\n        <div className=\"hero is-halfheight\">\n        <div className=\"container\">\n          <header className=\"headerTitle\">\n            <h1 className=\"title is-2 has-text-centered mainTitle\">{t('questionaire')}</h1>\n          </header>\n          <main>\n            <p className=\"is-size-5 questionaireText\">\n              If you have more questions, feel free to drop us a message.\n            </p>\n          </main>\n          <div className=\"mainButtonWrapper\">\n            <MainButtonLink url=\"https://forms.gle/5GhYvmuZG9bELLyY6\" title={t('yourOpinion')} />\n          </div>\n        </div>\n        </div>\n      </section>\n    </Layout>\n  )\n}\nexport const query = graphql`\n  query($language: String!) {\n    allMarkdownRemark {\n      totalCount\n      edges {\n        node {\n          id\n          frontmatter {\n            title\n            date(formatString: \"DD/MM/YYYY\")\n          }\n          excerpt\n        }\n      }\n    },\n    locales: allLocale(filter: {language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}