{"version":3,"file":"component---src-pages-about-tsx-6f999eec396b552efb53.js","mappings":"2LAMO,SAASA,EAAT,GAA8D,IAAD,IAArCC,UAAAA,OAAqC,MAAzB,GAAyB,EAClE,OACE,uBACEA,UAAWA,EACXC,KAAK,UACLC,KAAK,MACLC,QAAQ,YACRC,MAAM,8BACN,yCACA,wBAAMC,EAAE,wfAKP,SAASC,EAAT,GAA6D,IAAD,IAArCN,UAAAA,OAAqC,MAAzB,GAAyB,EACjE,OACE,uBACEC,KAAK,UACLC,KAAK,MACLC,QAAQ,YACRC,MAAM,6BACNJ,UAAWA,GACX,kCACA,wBAAMK,EAAE,yJC3BP,IAAME,EAAS,SAAC,GAA2C,IAAzCP,EAAwC,EAAxCA,UACvB,OACE,uBACEQ,MAAM,MACNC,OAAO,MACPN,QAAQ,cACRF,KAAK,OACLG,MAAM,6BACNJ,UAAWA,GACX,wBACEU,GAAG,gBAEHC,UAAU,iBACVC,EAAE,IACFC,EAAE,IACFL,MAAM,MACNC,OAAO,OACP,wBAAMD,MAAM,MAAMC,OAAO,MAAMR,KAAK,aAEtC,qBAAGa,KAAK,uBACN,wBAAMN,MAAM,MAAMC,OAAO,MAAMR,KAAK,YACpC,qBAAGc,MAAO,CAAEC,aAAc,gBACxB,wBACEJ,EAAE,MACFC,EAAE,KACFL,MAAM,KACNC,OAAO,UACPQ,UAAU,oBACVhB,KAAK,aAGT,qBAAGc,MAAO,CAAEC,aAAc,gBACxB,wBACEJ,EAAE,MACFC,EAAE,KACFL,MAAM,KACNC,OAAO,UACPQ,UAAU,oBACVhB,KAAK,aAGT,qBAAGc,MAAO,CAAEC,aAAc,gBACxB,wBACEJ,EAAE,MACFC,EAAE,KACFL,MAAM,KACNC,OAAO,UACPQ,UAAU,oBACVhB,KAAK,aAGT,qBAAGc,MAAO,CAAEC,aAAc,gBACxB,wBACEJ,EAAE,KACFC,EAAE,MACFL,MAAM,KACNC,OAAO,UACPQ,UAAU,oBACVhB,KAAK,aAGT,qBAAGc,MAAO,CAAEC,aAAc,gBACxB,wBACEJ,EAAE,KACFC,EAAE,MACFL,MAAM,KACNC,OAAO,UACPQ,UAAU,oBACVhB,KAAK,aAGT,qBAAGc,MAAO,CAAEC,aAAc,gBACxB,wBACEJ,EAAE,KACFC,EAAE,MACFL,MAAM,KACNC,OAAO,UACPQ,UAAU,oBACVhB,KAAK,aAGT,qBAAGiB,OAAO,2BACR,wBACEb,EAAE,sFACFJ,KAAK,UAEP,wBACEI,EAAE,syBACFJ,KAAK,UAEP,wBACEI,EAAE,sFACFc,OAAO,QACPC,eAAe,UAEjB,wBACEf,EAAE,syBACFc,OAAO,QACPC,eAAe,WAGnB,qBAAGF,OAAO,2BACR,wBAAMb,EAAE,sBAAsBJ,KAAK,UACnC,wBAAMI,EAAE,sBAAsBc,OAAO,QAAQC,eAAe,YAGhE,4BACE,0BACEV,GAAG,oBACHE,EAAE,KACFC,EAAE,OACFL,MAAM,OACNC,OAAO,KACPY,YAAY,iBACZC,0BAA0B,QAC1B,2BAASC,aAAa,IAAIC,OAAO,uBACjC,iCACEC,GAAG,cACHC,KAAK,SACLC,OAAO,4CACPH,OAAO,cAET,4BAAUI,GAAG,OAAOC,GAAG,MACvB,+BAAaC,IAAI,YAAYC,SAAS,QACtC,iCACEL,KAAK,SACLC,OAAO,4CAET,2BACEK,KAAK,SACLF,IAAI,qBACJN,OAAO,+BAET,2BACEQ,KAAK,SACLP,GAAG,gBACHK,IAAI,6BACJN,OAAO,WAGX,0BACEd,GAAG,oBACHE,EAAE,KACFC,EAAE,OACFL,MAAM,OACNC,OAAO,KACPY,YAAY,iBACZC,0BAA0B,QAC1B,2BAASC,aAAa,IAAIC,OAAO,uBACjC,iCACEC,GAAG,cACHC,KAAK,SACLC,OAAO,4CACPH,OAAO,cAET,4BAAUI,GAAG,OAAOC,GAAG,MACvB,+BAAaC,IAAI,YAAYC,SAAS,QACtC,iCACEL,KAAK,SACLC,OAAO,4CAET,2BACEK,KAAK,SACLF,IAAI,qBACJN,OAAO,+BAET,2BACEQ,KAAK,SACLP,GAAG,gBACHK,IAAI,6BACJN,OAAO,c,wCCxEnB,EA3FuC,SAAC,GAAa,IAAXS,EAAU,EAAVA,IACxC,OACE,gBAACC,EAAA,EAAD,CAAQD,IAAKA,GACX,gBAACE,EAAA,EAAD,CACEC,MAAM,mBACNC,YAAY,gFAEd,uBAAKrC,UAAU,2CACb,uBAAKA,UAAU,iEACb,gBAACsC,EAAA,EAAD,0BACA,uBAAKtC,UAAU,0DACb,uBAAKA,UAAU,0DACb,uBAAKA,UAAU,wBACb,uBACEuC,IAAI,cACJC,IAAI,QACJxC,UAAU,6CAEZ,gBAAC,EAAAyC,KAAD,CACEzC,UAAU,iDACV0C,GAAG,sDACH,gBAAC3C,EAAD,CAAcC,UAAU,oCAG5B,uBAAKA,UAAU,OACb,sBAAIA,UAAU,+BAAd,SACA,qBAAGA,UAAU,sBAAb,cACA,qBAAGA,UAAU,iBAAb,2hBAOJ,uBAAKA,UAAU,0DACb,uBAAKA,UAAU,wBACb,uBACEuC,IAAI,aACJC,IAAI,SACJxC,UAAU,6CAEZ,gBAAC,EAAAyC,KAAD,CACEzC,UAAU,iDACV0C,GAAG,iDACH,gBAAC3C,EAAD,CAAcC,UAAU,mCAE1B,gBAAC,EAAAyC,KAAD,CACEzC,UAAU,iFACV0C,GAAG,uCACH,gBAACpC,EAAD,CAAaN,UAAU,mBAEzB,gBAAC,EAAAyC,KAAD,CACEzC,UAAU,gDACV0C,GAAG,+BACH,gBAACnC,EAAD,CAAQP,UAAU,oCAGtB,uBAAKA,UAAU,OACb,sBAAIA,UAAU,+BAAd,UACA,qBAAGA,UAAU,sBAAb,cACA,qBAAGA,UAAU,iBAAb,uoBAcN,2BAASA,UAAU,sBACjB,gBAAC2C,EAAA,EAAD,qCACA,qBAAG3C,UAAU,WAAb,gV,mCCzEZ,IAR0C,SAAC,GAAkB,IAAhB4C,EAAe,EAAfA,SAC3C,OACE,wBAAM5C,UAAU,6DACb4C,K,mCCKP,IAR0C,SAAC,GAAkB,IAAhBA,EAAe,EAAfA,SAC3C,OACE,qBAAG5C,UAAU,uDACV4C","sources":["webpack://nathanbrachotte/./src/components/icons.tsx","webpack://nathanbrachotte/./assets/N8Logo.tsx","webpack://nathanbrachotte/./src/pages/about.tsx","webpack://nathanbrachotte/./src/shared/Heading1.tsx","webpack://nathanbrachotte/./src/shared/Heading2.tsx"],"sourcesContent":["import React from 'react'\n\ntype LinkedInIconProps = {\n  className?: string\n}\n\nexport function LinkedInIcon({ className = '' }: LinkedInIconProps) {\n  return (\n    <svg\n      className={className}\n      fill=\"#0A66C2\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <title>LinkedIn</title>\n      <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" />\n    </svg>\n  )\n}\n\nexport function TwitterIcon({ className = '' }: LinkedInIconProps) {\n  return (\n    <svg\n      fill=\"#000000\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}>\n      <title>X</title>\n      <path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\" />\n    </svg>\n  )\n}\n","import React from 'react'\n\nexport const N8Logo = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      width=\"100\"\n      height=\"100\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}>\n      <mask\n        id=\"mask0_140_430\"\n        // style=\"mask-type:alpha\"\n        maskUnits=\"userSpaceOnUse\"\n        x=\"0\"\n        y=\"0\"\n        width=\"100\"\n        height=\"100\">\n        <rect width=\"100\" height=\"100\" fill=\"#FFE2E2\" />\n      </mask>\n      <g mask=\"url(#mask0_140_430)\">\n        <rect width=\"100\" height=\"100\" fill=\"#7D00D9\" />\n        <g style={{ mixBlendMode: 'color-dodge' }}>\n          <rect\n            x=\"153\"\n            y=\"40\"\n            width=\"12\"\n            height=\"156.347\"\n            transform=\"rotate(45 153 40)\"\n            fill=\"#FF0080\"\n          />\n        </g>\n        <g style={{ mixBlendMode: 'color-dodge' }}>\n          <rect\n            x=\"133\"\n            y=\"20\"\n            width=\"12\"\n            height=\"156.347\"\n            transform=\"rotate(45 133 20)\"\n            fill=\"#FF0080\"\n          />\n        </g>\n        <g style={{ mixBlendMode: 'color-dodge' }}>\n          <rect\n            x=\"113\"\n            y=\"-2\"\n            width=\"12\"\n            height=\"156.347\"\n            transform=\"rotate(45 113 -2)\"\n            fill=\"#FF0080\"\n          />\n        </g>\n        <g style={{ mixBlendMode: 'color-dodge' }}>\n          <rect\n            x=\"93\"\n            y=\"-23\"\n            width=\"12\"\n            height=\"156.347\"\n            transform=\"rotate(45 93 -23)\"\n            fill=\"#FF0080\"\n          />\n        </g>\n        <g style={{ mixBlendMode: 'color-dodge' }}>\n          <rect\n            x=\"73\"\n            y=\"-40\"\n            width=\"12\"\n            height=\"156.347\"\n            transform=\"rotate(45 73 -40)\"\n            fill=\"#FF0080\"\n          />\n        </g>\n        <g style={{ mixBlendMode: 'color-dodge' }}>\n          <rect\n            x=\"53\"\n            y=\"-56\"\n            width=\"12\"\n            height=\"156.347\"\n            transform=\"rotate(45 53 -56)\"\n            fill=\"#FF0080\"\n          />\n        </g>\n        <g filter=\"url(#filter0_d_140_430)\">\n          <path\n            d=\"M45.3017 66H35.0675L24.2341 48.4011V66H14V31H24.2341L35.0675 48.8955V31H45.3017V66Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M71.7765 48.0551C73.7435 48.5494 75.2648 49.5711 76.3404 51.1201C77.4468 52.6361 78 54.3992 78 56.4096C78 59.4746 77.0473 61.8475 75.1418 63.5282C73.2671 65.1761 70.5626 66 67.0283 66H49.9253V31H66.5673C69.8865 31 72.4988 31.7745 74.4042 33.3234C76.3097 34.8724 77.2624 37.1299 77.2624 40.096C77.2624 42.1394 76.7553 43.8696 75.7411 45.2867C74.7577 46.6709 73.4361 47.5937 71.7765 48.0551ZM60.1594 44.6441H64.124C65.046 44.6441 65.7221 44.4463 66.1524 44.0508C66.6134 43.6554 66.8439 43.0457 66.8439 42.2217C66.8439 41.3649 66.6134 40.7387 66.1524 40.3432C65.7221 39.9148 65.046 39.7006 64.124 39.7006H60.1594V44.6441ZM64.8155 57.2006C65.7375 57.2006 66.4136 57.0193 66.8439 56.6568C67.3049 56.2613 67.5354 55.6351 67.5354 54.7782C67.5354 53.0975 66.6288 52.2571 64.8155 52.2571H60.1594V57.2006H64.8155Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M45.3017 66H35.0675L24.2341 48.4011V66H14V31H24.2341L35.0675 48.8955V31H45.3017V66Z\"\n            stroke=\"black\"\n            strokeLinejoin=\"round\"\n          />\n          <path\n            d=\"M71.7765 48.0551C73.7435 48.5494 75.2648 49.5711 76.3404 51.1201C77.4468 52.6361 78 54.3992 78 56.4096C78 59.4746 77.0473 61.8475 75.1418 63.5282C73.2671 65.1761 70.5626 66 67.0283 66H49.9253V31H66.5673C69.8865 31 72.4988 31.7745 74.4042 33.3234C76.3097 34.8724 77.2624 37.1299 77.2624 40.096C77.2624 42.1394 76.7553 43.8696 75.7411 45.2867C74.7577 46.6709 73.4361 47.5937 71.7765 48.0551ZM60.1594 44.6441H64.124C65.046 44.6441 65.7221 44.4463 66.1524 44.0508C66.6134 43.6554 66.8439 43.0457 66.8439 42.2217C66.8439 41.3649 66.6134 40.7387 66.1524 40.3432C65.7221 39.9148 65.046 39.7006 64.124 39.7006H60.1594V44.6441ZM64.8155 57.2006C65.7375 57.2006 66.4136 57.0193 66.8439 56.6568C67.3049 56.2613 67.5354 55.6351 67.5354 54.7782C67.5354 53.0975 66.6288 52.2571 64.8155 52.2571H60.1594V57.2006H64.8155Z\"\n            stroke=\"black\"\n            strokeLinejoin=\"round\"\n          />\n        </g>\n        <g filter=\"url(#filter1_d_140_430)\">\n          <path d=\"M91 55V65H81V55H91Z\" fill=\"white\" />\n          <path d=\"M91 55V65H81V55H91Z\" stroke=\"black\" strokeLinejoin=\"round\" />\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_140_430\"\n          x=\"12\"\n          y=\"30.5\"\n          width=\"66.5\"\n          height=\"37\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\">\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset dx=\"-1.5\" dy=\"1\" />\n          <feComposite in2=\"hardAlpha\" operator=\"out\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"\n          />\n          <feBlend\n            mode=\"darken\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_140_430\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_140_430\"\n            result=\"shape\"\n          />\n        </filter>\n        <filter\n          id=\"filter1_d_140_430\"\n          x=\"79\"\n          y=\"54.5\"\n          width=\"12.5\"\n          height=\"12\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\">\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset dx=\"-1.5\" dy=\"1\" />\n          <feComposite in2=\"hardAlpha\" operator=\"out\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_140_430\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_140_430\"\n            result=\"shape\"\n          />\n        </filter>\n      </defs>\n    </svg>\n  )\n}\n","import React from 'react'\nimport { Link, PageProps } from 'gatsby'\nimport { LinkedInIcon, TwitterIcon } from '../components/icons'\nimport { N8Logo } from '../../assets/N8Logo'\nimport Heading2 from '../shared/Heading2'\nimport Heading1 from '../shared/Heading1'\nimport Layout from '../components/Layout'\nimport SEO from '../components/SEO'\n\nconst AboutPage: React.FC<PageProps> = ({ uri }) => {\n  return (\n    <Layout uri={uri}>\n      <SEO\n        title=\"À propos de nous\"\n        description=\"Rencontrez Cathy et Nate, les co-fondateurs passionnés derrière Pantou-fle.\"\n      />\n      <div className=\"flex w-full justify-center items-center\">\n        <div className=\"container flex justify-center flex-col items-center max-w-3xl\">\n          <Heading1>Qui sommes-nous ?</Heading1>\n          <div className=\"grid md:grid-cols-2 gap-12 mt-2 md:mt-8 justify-center\">\n            <div className=\"bg-white shadow-lg rounded-lg overflow-hidden max-w-sm\">\n              <div className=\"relative h-80 w-full\">\n                <img\n                  src=\"/cathy.webp\"\n                  alt=\"Cathy\"\n                  className=\"h-full w-full object-cover object-center\"\n                />\n                <Link\n                  className=\"absolute bottom-2 right-2 h-10 hover:scale-105\"\n                  to=\"https://www.linkedin.com/in/cathy-nguyen-014b8ba2/\">\n                  <LinkedInIcon className=\"h-10 w-10 bg-white rounded-lg\" />\n                </Link>\n              </div>\n              <div className=\"p-6\">\n                <h2 className=\"text-2xl font-semibold mb-2\">Cathy</h2>\n                <p className=\"text-gray-600 mb-4\">Co-founder</p>\n                <p className=\"text-gray-800\">\n                  {`Professeure française originaire de Lyon. Après l'obtention du master en \"Sciences de l'éducation\" et en \"Didactique du français langue étrangère\" (FLE), j'ai travaillé pour plusieurs académies de langue et en Alliance Française auprès de différents publics : enfants, adolescents et adultes allant du niveau A1 au niveau B2. \nPassionnée par la conception pédagogique, j'ai crée le site pédagogique Pantou-fle.fr à la fois pour les professeurs et les apprenants qui propose des ressources adaptées, motivantes et contemporaines.`}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"bg-white shadow-lg rounded-lg overflow-hidden max-w-sm\">\n              <div className=\"relative h-80 w-full\">\n                <img\n                  src=\"/nate.webp\"\n                  alt=\"Nathan\"\n                  className=\"h-full w-full object-cover object-center\"\n                />\n                <Link\n                  className=\"absolute bottom-2 right-2 h-10 hover:scale-105\"\n                  to=\"https://www.linkedin.com/in/nathan-brachotte/\">\n                  <LinkedInIcon className=\"h-10 w-10 bg-white rounded-lg\" />\n                </Link>\n                <Link\n                  className=\"absolute bottom-2 right-14 h-10 w-10 bg-gray-50 rounded-lg p-2 hover:scale-105\"\n                  to=\"https://twitter.com/nathanbrachotte\">\n                  <TwitterIcon className=\"h-full w-full\" />\n                </Link>\n                <Link\n                  className=\"absolute bottom-2 left-2 h-10 hover:scale-105\"\n                  to=\"https://nathanbrachotte.dev\">\n                  <N8Logo className=\"h-10 w-10 bg-white rounded-lg\" />\n                </Link>\n              </div>\n              <div className=\"p-6\">\n                <h2 className=\"text-2xl font-semibold mb-2\">Nathan</h2>\n                <p className=\"text-gray-600 mb-4\">Co-founder</p>\n                <p className=\"text-gray-800\">\n                  {`Software Engineer à Berlin, spécialisé dans les frameworks\n                  JavaScript. Nous avons construit ce site web parce que l'accès\n                  à des ressources gratuites et de haute qualité pour apprendre\n                  est très important pour nous. En tant qu'ingénieur logiciel,\n                  j'ai eu la chance d'avoir eu accès à des ressources gratuites\n                  et de haute qualité pour apprendre tout au long de ma\n                  carrière. Notre objectif est de créer une plateforme qui soit\n                  rend la pareil à toute personne souhaitant apprendre le\n                  français.`}\n                </p>\n              </div>\n            </div>\n          </div>\n          <section className=\"mt-8 sm:mt-16 mb-8\">\n            <Heading2>Notre vision pour Pantou-fle</Heading2>\n            <p className=\"text-lg\">\n              Nous voulons créer une plateforme éducative innovante qui rend\n              l&apos;apprentissage du français accessible à tous, en combinant\n              l&apos;expertise pédagogique et la technologie. Nous aspirons à\n              offrir des ressources gratuites, adaptées et motivantes,\n              permettant aux apprenants du monde entier de progresser dans leur\n              maîtrise du français.\n            </p>\n          </section>\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default AboutPage\n","import React from 'react'\n\ninterface Heading1Props {}\n\nconst Heading1: React.FC<Heading1Props> = ({ children }) => {\n  return (\n    <span className=\"text-primary-dark font-extrabold py-1 text-xl md:text-2xl\">\n      {children}\n    </span>\n  )\n}\n\nexport default Heading1\n","import React from 'react'\n\ninterface Heading2Props {}\n\nconst Heading2: React.FC<Heading2Props> = ({ children }) => {\n  return (\n    <p className=\"text-primary-dark font-bold py-1 text-lg md:text-xl\">\n      {children}\n    </p>\n  )\n}\n\nexport default Heading2\n"],"names":["LinkedInIcon","className","fill","role","viewBox","xmlns","d","TwitterIcon","N8Logo","width","height","id","maskUnits","x","y","mask","style","mixBlendMode","transform","filter","stroke","strokeLinejoin","filterUnits","colorInterpolationFilters","floodOpacity","result","in","type","values","dx","dy","in2","operator","mode","uri","Layout","SEO","title","description","Heading1","src","alt","Link","to","Heading2","children"],"sourceRoot":""}