diff --git a/src/assets/images/Download_on_the_App_Store_Badge_ES_RGB_blk_100217.svg b/src/assets/images/Download_on_the_App_Store_Badge_ES_RGB_blk_100217.svg
new file mode 100755
index 0000000..5e25d84
--- /dev/null
+++ b/src/assets/images/Download_on_the_App_Store_Badge_ES_RGB_blk_100217.svg
@@ -0,0 +1,47 @@
+
diff --git a/src/assets/images/Download_on_the_App_Store_Badge_PTBR_RGB_blk_092917.svg b/src/assets/images/Download_on_the_App_Store_Badge_PTBR_RGB_blk_092917.svg
new file mode 100755
index 0000000..00fd064
--- /dev/null
+++ b/src/assets/images/Download_on_the_App_Store_Badge_PTBR_RGB_blk_092917.svg
@@ -0,0 +1,41 @@
+
diff --git a/src/assets/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg b/src/assets/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg
new file mode 100755
index 0000000..072b425
--- /dev/null
+++ b/src/assets/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg
@@ -0,0 +1,46 @@
+
diff --git a/src/assets/images/GetItOnGooglePlay_Badge_Web_color_English.png b/src/assets/images/GetItOnGooglePlay_Badge_Web_color_English.png
new file mode 100644
index 0000000..7a06997
Binary files /dev/null and b/src/assets/images/GetItOnGooglePlay_Badge_Web_color_English.png differ
diff --git a/src/assets/images/GetItOnGooglePlay_Badge_Web_color_Portuguese-BR.png b/src/assets/images/GetItOnGooglePlay_Badge_Web_color_Portuguese-BR.png
new file mode 100644
index 0000000..9a4d472
Binary files /dev/null and b/src/assets/images/GetItOnGooglePlay_Badge_Web_color_Portuguese-BR.png differ
diff --git a/src/assets/images/GetItOnGooglePlay_Badge_Web_color_Spanish-LATAM.png b/src/assets/images/GetItOnGooglePlay_Badge_Web_color_Spanish-LATAM.png
new file mode 100644
index 0000000..abecb2a
Binary files /dev/null and b/src/assets/images/GetItOnGooglePlay_Badge_Web_color_Spanish-LATAM.png differ
diff --git a/src/pages/Splash.tsx b/src/pages/Splash.tsx
index 85ebd94..488cb1e 100644
--- a/src/pages/Splash.tsx
+++ b/src/pages/Splash.tsx
@@ -1,6 +1,7 @@
import { Box, Chip } from '@mui/material';
import { Link } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
+import { useMemo } from 'react';
import asuncion from '@/assets/images/asuncion.png';
import comunidad from '@/assets/images/comunidad.png';
import datos from '@/assets/images/datos.png';
@@ -12,9 +13,41 @@ import { COLORS } from '@/constants';
import { Button } from '@/themed/button/Button';
import Text from '@/themed/text/Text';
import { Title } from '@/themed/title/Title';
+import googlePlayBadgeEN from '@/assets/images/GetItOnGooglePlay_Badge_Web_color_English.png';
+import googlePlayBadgeES from '@/assets/images/GetItOnGooglePlay_Badge_Web_color_Spanish-LATAM.png';
+import googlePlayBadgePT from '@/assets/images/GetItOnGooglePlay_Badge_Web_color_Portuguese-BR.png';
+import appStoreBadgeEN from '@/assets/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg';
+import appStoreBadgeES from '@/assets/images/Download_on_the_App_Store_Badge_ES_RGB_blk_100217.svg';
+import appStoreBadgePT from '@/assets/images/Download_on_the_App_Store_Badge_PTBR_RGB_blk_092917.svg';
function Splash() {
- const { t } = useTranslation('splash');
+ const { t, i18n } = useTranslation('splash');
+
+ const googlePlayBadge = useMemo(() => {
+ switch (i18n.language) {
+ case 'en':
+ return googlePlayBadgeEN;
+ case 'es':
+ return googlePlayBadgeES;
+ case 'pt':
+ return googlePlayBadgePT;
+ default:
+ return googlePlayBadgeEN;
+ }
+ }, [i18n.language]);
+
+ const appStoreBadge = useMemo(() => {
+ switch (i18n.language) {
+ case 'en':
+ return appStoreBadgeEN;
+ case 'es':
+ return appStoreBadgeES;
+ case 'pt':
+ return appStoreBadgePT;
+ default:
+ return appStoreBadgeEN;
+ }
+ }, [i18n.language]);
return (
// Add a flex container and an inner container with max 1280px
@@ -41,6 +74,15 @@ function Splash() {
/>
+
+
+
+ 
+
+
+ 
+
+
