\n \n \n
\n \n );\n};\n","export default __webpack_public_path__ + \"static/media/footer-image.a98c4689.png\";","import { makeStyles } from \"@material-ui/styles\";\nimport image from \"../../assets/images/footer-image.png\";\n\nconst useStyles = makeStyles((theme) => ({\n subText: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n footerPaper: {\n position: \"relative\",\n marginTop: \"30px\",\n boxShadow: \"none\",\n backgroundImage: `url(${image})`,\n },\n footerText: {\n color: \"#fff\",\n fontFamily: \"Montserrat\",\n fontSize: 14,\n maxWidth: \"260px\",\n },\n footerSpace: {\n position: \"relative\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"baseline\",\n [theme.breakpoints.down(\"sm\")]: {\n flexDirection: \"column\",\n },\n },\n footerItems: {\n [theme.breakpoints.down(\"sm\")]: {\n \"&:nth-of-type(1)\": {\n marginTop: \"0\",\n },\n marginTop: \"40px\",\n },\n },\n overlay: {\n position: \"absolute\",\n top: \"0\",\n left: \"0\",\n width: \"100%\",\n height: \"100%\",\n backgroundColor: \"rgba(22, 161, 224, 0.95)\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n height: \"100%\",\n },\n },\n footerIcon: {\n position: \"relative\",\n zIndex: 200,\n width: \"30px\",\n height: \"auto\",\n color: \"#fff\",\n \"&:hover\": {\n cursor: \"pointer\",\n color: \"#E1F6FF\",\n transition: \"0.3s all ease-out\",\n },\n },\n footerTextHeader: {\n fontFamily: \"Montserrat\",\n fontSize: \"18px\",\n fontWeight: \"bold\",\n color: \"#fff\",\n },\n footerTextCopyright: {\n color: \"#fff\",\n fontFamily: \"Montserrat\",\n fontSize: 12,\n },\n footerCopyright: {\n zIndex: 66,\n backgroundColor: theme.palette.primary.main,\n marginTop: 4,\n position: \"relative\",\n textAlign: \"center\",\n },\n footerLogoEOA: {\n width: \"100px\",\n height: \"auto\",\n position: \"relative\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"40%\",\n height: \"auto\",\n },\n },\n}));\n\nexport default useStyles;\n","export default __webpack_public_path__ + \"static/media/logo-eoa-white-2.eba669a5.png\";","import { Box, Typography, Container } from \"@material-ui/core\";\nimport React from \"react\";\nimport useStyles from \"./footer.style\";\nimport logo from \"../../assets/logo/logo-eoa-white-2.png\";\nimport youtubeFill from \"@iconify-icons/akar-icons/youtube-fill\";\nimport instagramFilled from \"@iconify-icons/ant-design/instagram-filled\";\nimport facebookFill from \"@iconify-icons/akar-icons/facebook-fill\";\nimport linkedinFill from \"@iconify-icons/akar-icons/linkedin-fill\";\nimport mapMarkerLine from \"@iconify-icons/clarity/map-marker-line\";\nimport gmailIcon from \"@iconify-icons/cib/gmail\";\nimport { Icon } from \"@iconify/react\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nexport const FooterComponent = () => {\n const classes = useStyles();\n\n const { t } = useTranslation();\n\n return (\n <>\n \n
\n \n - \n
- \n
- \n
\n
\n );\n}\n","import { ThemeProvider, CssBaseline } from \"@material-ui/core\";\nimport React, { Suspense } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport theme from \"./theme/theme\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport i18n from \"i18next\";\nimport Backend from \"i18next-xhr-backend\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport { initReactI18next } from \"react-i18next\";\nimport LinearIndeterminate from \"./components/mui-progress/mui-progress\";\n\nconst fallbackLng = [\"en\"];\nconst availableLanguage = [\"en\", \"id\"];\n\nconst options = {\n order: [\"navigator\", \"htmlTag\", \"path\", \"subdomain\"],\n lookupQuerystring: \"lng\",\n lookupCookie: \"i18next\",\n lookupLocalStorage: \"language\",\n lookupFromPathIndex: 0,\n lookupFromSubdomainIndex: 0,\n caches: [\"localStorage\", \"cookie\"],\n excludeCacheFor: [\"cimode\"],\n cookieMinutes: 10,\n cookieDomain: \"myDomain\",\n htmlTag: document.documentElement,\n checkWhitelist: true,\n};\n\ni18n\n .use(Backend)\n .use(LanguageDetector)\n .use(initReactI18next)\n .init({\n fallbackLng,\n whitelist: availableLanguage,\n detection: options,\n interpolation: {\n escapeValue: false,\n },\n });\n\nReactDOM.render(\n