component---src-pages-about-js-5cae311a9f4b53c30bbb.js.map

{"version":3,"file":"component---src-pages-about-js-5cae311a9f4b53c30bbb.js","mappings":"8KAIe,SAASA,IAEpB,OAA4BC,EAAAA,EAAAA,WAAS,GAArC,UAMA,IAAQC,GAAMC,EAAAA,EAAAA,KAAND,EAER,OACI,2BACI,uBAAKE,UAAU,gEACrB,uBAAKA,UAAU,6BACb,uBACEA,UAAU,+CACVC,MAAO,IACPC,OAAQ,IACRC,KAAK,OACLC,QAAQ,cACR,cAAY,QAEZ,4BACE,2BACEC,GAAG,uCACHC,EAAG,EACHC,EAAG,EACHN,MAAO,GACPC,OAAQ,GACRM,aAAa,kBAEb,wBAAMF,EAAG,EAAGC,EAAG,EAAGN,MAAO,EAAGC,OAAQ,EAAGF,UAAU,gBAAgBG,KAAK,mBAG1E,wBAAMF,MAAO,IAAKC,OAAQ,IAAKC,KAAK,gDAEtC,uBACEH,UAAU,0DACVC,MAAO,IACPC,OAAQ,IACRC,KAAK,OACLC,QAAQ,cACR,cAAY,QAEZ,4BACE,2BACEC,GAAG,uCACHC,EAAG,EACHC,EAAG,EACHN,MAAO,GACPC,OAAQ,GACRM,aAAa,kBAEb,wBAAMF,EAAG,EAAGC,EAAG,EAAGN,MAAO,EAAGC,OAAQ,EAAGF,UAAU,gBAAgBG,KAAK,mBAG1E,wBAAMF,MAAO,IAAKC,OAAQ,IAAKC,KAAK,gDAEtC,uBAAKH,UAAU,eACb,sBAAIA,UAAU,oEAAoEF,EAAE,gBACpF,qBAAGE,UAAU,wCAAwCF,EAAE,sBACvD,qBAAGE,UAAU,wCAAwCF,EAAE,kBAEzD,uBAAKE,UAAU,SACb,wBAAMS,OAAO,IAAIC,OAAO,OAAOV,UAAU,sDACvC,uBAAKA,UAAU,iBACb,yBAAOW,QAAQ,OAAOX,UAAU,2CAC7BF,EAAE,gBAEL,uBAAKE,UAAU,QACb,yBACEY,KAAK,OACLC,KAAK,OACLR,GAAG,OACHS,aAAa,aACbd,UAAS,+CAAiDe,EAAAA,cAAjD,qBAAmFA,EAAAA,cAAnF,sCAIf,uBAAKf,UAAU,iBACb,yBAAOW,QAAQ,QAAQX,UAAU,2CAC9BF,EAAE,iBAEL,uBAAKE,UAAU,QACb,yBACEK,GAAG,QACHQ,KAAK,QACLD,KAAK,QACLE,aAAa,QACbd,UAAS,+CAAiDe,EAAAA,cAAjD,qBAAmFA,EAAAA,cAAnF,sCAIf,uBAAKf,UAAU,iBACb,yBAAOW,QAAQ,UAAUX,UAAU,2CAChCF,EAAE,mBAEL,uBAAKE,UAAU,QACb,4BACEK,GAAG,UACHQ,KAAK,UACLG,KAAM,EACNhB,UAAS,+CAAiDe,EAAAA,cAAjD,qBAAmFA,EAAAA,cAAnF,yCACTE,aAAc,OAIpB,uBAAKjB,UAAU,iBACb,0BACEY,KAAK,SACLZ,UAAS,+IAAiJe,EAAAA,cAAjJ,iBAA+KA,EAAAA,cAA/K,uEAAmQA,EAAAA,cAAnQ,QAERjB,EAAE","sources":["webpack://tav/./src/pages/about.js"],"sourcesContent":["import React, {useState} from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { COLOR_PRIMARY } from 'gatsby-env-variables'\n\nexport default function Example() {\n\n    const [agreed, setAgreed] = useState(false)\n\n    function classNames(...classes) {\n        return classes.filter(Boolean).join(' ')\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <div>\n            <div className=\"bg-white py-16 px-4 overflow-hidden sm:px-6 lg:px-8 lg:py-24\">\n      <div className=\"relative max-w-xl mx-auto\">\n        <svg\n          className=\"absolute left-full transform translate-x-1/2\"\n          width={404}\n          height={404}\n          fill=\"none\"\n          viewBox=\"0 0 404 404\"\n          aria-hidden=\"true\"\n        >\n          <defs>\n            <pattern\n              id=\"85737c0e-0916-41d7-917f-596dc7edfa27\"\n              x={0}\n              y={0}\n              width={20}\n              height={20}\n              patternUnits=\"userSpaceOnUse\"\n            >\n              <rect x={0} y={0} width={4} height={4} className=\"text-gray-200\" fill=\"currentColor\" />\n            </pattern>\n          </defs>\n          <rect width={404} height={404} fill=\"url(#85737c0e-0916-41d7-917f-596dc7edfa27)\" />\n        </svg>\n        <svg\n          className=\"absolute right-full bottom-0 transform -translate-x-1/2\"\n          width={404}\n          height={404}\n          fill=\"none\"\n          viewBox=\"0 0 404 404\"\n          aria-hidden=\"true\"\n        >\n          <defs>\n            <pattern\n              id=\"85737c0e-0916-41d7-917f-596dc7edfa27\"\n              x={0}\n              y={0}\n              width={20}\n              height={20}\n              patternUnits=\"userSpaceOnUse\"\n            >\n              <rect x={0} y={0} width={4} height={4} className=\"text-gray-200\" fill=\"currentColor\" />\n            </pattern>\n          </defs>\n          <rect width={404} height={404} fill=\"url(#85737c0e-0916-41d7-917f-596dc7edfa27)\" />\n        </svg>\n        <div className=\"text-center\">\n          <h2 className=\"text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl\">{t('about.title')}</h2>\n          <p className=\"mt-4 text-lg leading-6 text-gray-500\">{t('about.description')}</p>\n          <p className=\"mt-4 text-lg leading-6 text-gray-500\">{t('about.action')}</p>\n        </div>\n        <div className=\"mt-12\">\n          <form action=\"#\" method=\"POST\" className=\"grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8\">\n            <div className=\"sm:col-span-2\">\n              <label htmlFor=\"name\" className=\"block text-sm font-medium text-gray-700\">\n                {t('fields.name')}\n              </label>\n              <div className=\"mt-1\">\n                <input\n                  type=\"text\"\n                  name=\"name\"\n                  id=\"name\"\n                  autoComplete=\"given-name\"\n                  className={`py-3 px-4 block w-full shadow-sm focus:ring-${COLOR_PRIMARY}-500 focus:border-${COLOR_PRIMARY}-500 border-gray-300 rounded-md`}\n                />\n              </div>\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label htmlFor=\"email\" className=\"block text-sm font-medium text-gray-700\">\n                {t('fields.email')}\n              </label>\n              <div className=\"mt-1\">\n                <input\n                  id=\"email\"\n                  name=\"email\"\n                  type=\"email\"\n                  autoComplete=\"email\"\n                  className={`py-3 px-4 block w-full shadow-sm focus:ring-${COLOR_PRIMARY}-500 focus:border-${COLOR_PRIMARY}-500 border-gray-300 rounded-md`}\n                />\n              </div>\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label htmlFor=\"message\" className=\"block text-sm font-medium text-gray-700\">\n                {t('fields.message')}\n              </label>\n              <div className=\"mt-1\">\n                <textarea\n                  id=\"message\"\n                  name=\"message\"\n                  rows={4}\n                  className={`py-3 px-4 block w-full shadow-sm focus:ring-${COLOR_PRIMARY}-500 focus:border-${COLOR_PRIMARY}-500 border border-gray-300 rounded-md`}\n                  defaultValue={''}\n                />\n              </div>\n            </div>\n            <div className=\"sm:col-span-2\">\n              <button\n                type=\"submit\"\n                className={`w-full inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-${COLOR_PRIMARY}-600 hover:bg-${COLOR_PRIMARY}-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-${COLOR_PRIMARY}-500`}\n              >\n                {t('about.contact_submit')}\n              </button>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n\n\n\n        </div>\n    )\n}\n\n"],"names":["Example","useState","t","useTranslation","className","width","height","fill","viewBox","id","x","y","patternUnits","action","method","htmlFor","type","name","autoComplete","COLOR_PRIMARY","rows","defaultValue"],"sourceRoot":""}