From f3be785f1175a78420e169f1096d585cafbf82fa Mon Sep 17 00:00:00 2001 From: Sandino Scheidegger Date: Wed, 10 Jul 2024 19:49:05 +0200 Subject: [PATCH] feature(website): mobile app download page (#860) --- shared/locales/de/website-app.json | 6 ++ shared/locales/en/website-app.json | 6 ++ shared/locales/it/website-app.json | 6 ++ .../(website)/app/(assets)/applestore.svg | 46 ++++++++++++++++ .../(website)/app/(assets)/playstore.svg | 22 ++++++++ .../[lang]/[region]/(website)/app/page.tsx | 55 +++++++++++++++++++ 6 files changed, 141 insertions(+) create mode 100644 shared/locales/de/website-app.json create mode 100644 shared/locales/en/website-app.json create mode 100644 shared/locales/it/website-app.json create mode 100755 website/src/app/[lang]/[region]/(website)/app/(assets)/applestore.svg create mode 100644 website/src/app/[lang]/[region]/(website)/app/(assets)/playstore.svg create mode 100644 website/src/app/[lang]/[region]/(website)/app/page.tsx diff --git a/shared/locales/de/website-app.json b/shared/locales/de/website-app.json new file mode 100644 index 000000000..f97c4e1be --- /dev/null +++ b/shared/locales/de/website-app.json @@ -0,0 +1,6 @@ +{ + "title": "Mobile App für Empfänger:innen", + "subtitle": "Mit der App kannst du Zahlungen von Social Income einfach verwalten, Umfragen ausfüllen und deine Daten aktualisieren.", + "android": "Hast du ein Android Telefon?", + "apple": "Hast du ein iPhone?" +} diff --git a/shared/locales/en/website-app.json b/shared/locales/en/website-app.json new file mode 100644 index 000000000..6be14ae8e --- /dev/null +++ b/shared/locales/en/website-app.json @@ -0,0 +1,6 @@ +{ + "title": "Mobile App for Recipients", + "subtitle": "Recipients with a smartphone can easily manage their payments, complete surveys and update their personal information all in one place.", + "android": "Recipients with an Android phone", + "apple": "Recipients with an iPhone" +} diff --git a/shared/locales/it/website-app.json b/shared/locales/it/website-app.json new file mode 100644 index 000000000..b12e2e24a --- /dev/null +++ b/shared/locales/it/website-app.json @@ -0,0 +1,6 @@ +{ + "title": "App mobile per destinatari", + "subtitle": "I destinatari con uno smartphone possono gestire facilmente i loro pagamenti, completare sondaggi e aggiornare le loro informazioni personali tutto in un unico posto.", + "android": "Destinatari con un telefono Android", + "apple": "Destinatari con un iPhone" +} diff --git a/website/src/app/[lang]/[region]/(website)/app/(assets)/applestore.svg b/website/src/app/[lang]/[region]/(website)/app/(assets)/applestore.svg new file mode 100755 index 000000000..072b425a1 --- /dev/null +++ b/website/src/app/[lang]/[region]/(website)/app/(assets)/applestore.svg @@ -0,0 +1,46 @@ + + Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/src/app/[lang]/[region]/(website)/app/(assets)/playstore.svg b/website/src/app/[lang]/[region]/(website)/app/(assets)/playstore.svg new file mode 100644 index 000000000..4c4ae4b9a --- /dev/null +++ b/website/src/app/[lang]/[region]/(website)/app/(assets)/playstore.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/src/app/[lang]/[region]/(website)/app/page.tsx b/website/src/app/[lang]/[region]/(website)/app/page.tsx new file mode 100644 index 000000000..8903ad0b1 --- /dev/null +++ b/website/src/app/[lang]/[region]/(website)/app/page.tsx @@ -0,0 +1,55 @@ +import { DefaultPageProps } from '@/app/[lang]/[region]'; +import { Translator } from '@socialincome/shared/src/utils/i18n'; +import { BaseContainer, Typography } from '@socialincome/ui'; +import Image from 'next/image'; +import Link from 'next/link'; +import Applestore from './(assets)/applestore.svg'; +import Playstore from './(assets)/playstore.svg'; + +export default async function Page({ params }: DefaultPageProps) { + const translator = await Translator.getInstance({ + language: params.lang, + namespaces: ['website-app'], + }); + + return ( + +
+ + {translator.t('title')} + + + {translator.t('subtitle')} + +
+
+
+
+ + {translator.t('android')} + + + Playstore Button + +
+
+ + {translator.t('apple')} + + + Appstore Button + +
+
+
+ + ); +}