component---src-pages-index-js-c71e71204caf02511946.js.map

{"version":3,"file":"component---src-pages-index-js-c71e71204caf02511946.js","mappings":"8KAIe,SAASA,IAEpB,IAAQC,GAAMC,EAAAA,EAAAA,KAAND,EAER,OACI,2BACI,2BACA,wBAAME,UAAU,eACZ,uBAAKA,UAAU,0EACX,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,wGACV,wBAAMA,UAAU,mBAAoBC,EAAAA,OAAe,IACnD,wBAAMD,UAAS,oCAAwCF,EAAE,gBAE7D,qBAAGE,UAAU,+EACPF,EAAE,mBAAmB,CAAC,aAAgBA,EAAE,mBAAqBI,EAAAA,eAEnE,uBAAKF,UAAU,oDACX,uBAAKA,UAAU,qBACX,qBACIG,KAAK,aACLH,UAAS,2LAEPF,EAAE,qBAGZ,uBAAKE,UAAU,0CACX,qBACIG,KAAK,uBACLH,UAAS,uLAERF,EAAE,2BAMvB,uBAAKE,UAAU,+FACX,uBACIA,UAAU,8CACVI,IAAG,iBAAmBF,EAAAA,WAAnB,OACHG,IAAI","sources":["webpack://tav/./src/pages/index.js"],"sourcesContent":["import * as React from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { TITLE, COUNTRY_ID, COLOR_PRIMARY } from 'gatsby-env-variables'\n\nexport default function Example() {\n\n    const { t } = useTranslation()\n\n    return (\n        <div>\n            <hr />\n            <main className=\"lg:relative\">\n                <div className=\"mx-auto max-w-7xl w-full pt-16 pb-20 text-center lg:py-48 lg:text-left\">\n                    <div className=\"px-4 lg:w-1/2 sm:px-8 xl:pr-16\">\n                        <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl\">\n                            <span className=\"block xl:inline\">{ TITLE }</span>{' '}\n                            <span className={`block text-primary-600 xl:inline`}>{ t('home.title') }</span>\n                        </h1>\n                        <p className=\"mt-3 max-w-md mx-auto text-lg text-gray-500 sm:text-xl md:mt-5 md:max-w-3xl\">\n                            { t('home.description',{'country_name': t('countries.names.' + COUNTRY_ID)}) }\n                        </p>\n                        <div className=\"mt-10 sm:flex sm:justify-center lg:justify-start\">\n                            <div className=\"rounded-md shadow\">\n                                <a\n                                    href=\"/languages\"\n                                    className={`w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 md:py-4 md:text-lg md:px-10`}\n                                >\n                                    { t('languages.title') }\n                                </a>\n                            </div>\n                            <div className=\"mt-3 rounded-md shadow sm:mt-0 sm:ml-3\">\n                                <a\n                                    href=\"https://inscript.org\"\n                                    className={`w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-primary-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10`}\n                                >\n                                    {t('bibles.types.study')}\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"relative w-full h-64 sm:h-72 md:h-96 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 lg:h-full\">\n                    <img\n                        className=\"absolute inset-0 w-full h-full object-cover\"\n                        src={`img/countries/${COUNTRY_ID}.jpg`}\n                        alt=\"\"\n                    />\n                </div>\n            </main>\n\n        </div>\n    )\n}\n\n"],"names":["Example","t","useTranslation","className","TITLE","COUNTRY_ID","href","src","alt"],"sourceRoot":""}