Merge pull request #8 from smswithoutborders/dev

translated the how it works page in french
smswithoutborders · Jun 12, 2024 · 8cb49e9 · 8cb49e9
2 parents a43c981 + 1bee1d1
commit 8cb49e9
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 28 deletions.
diff --git a/src/Components/Footer.js b/src/Components/Footer.js
@@ -1,8 +1,11 @@
 import { Box, Typography, Grid, ListItem, List } from "@mui/material";
 import React from "react";
 import { FaEnvelope, FaFacebook, FaGithub, FaXTwitter } from "react-icons/fa6";
+import { useTranslation } from "react-i18next";
 
 export default function Footer() {
+	const { t } = useTranslation();
+
 	return (
 		<Box
 			component="footer"
@@ -26,12 +29,11 @@ export default function Footer() {
 								alt="smswithoutborders logo"
 							/>
 							<Typography variant="h5" sx={{ fontWeight: 600 }}>
-								RelaySMS
+								{t("RelaySMS")}
 							</Typography>
 						</Box>
 						<Typography variant="body2" sx={{ px: { md: 4, xs: 2 }, py: 2 }}>
-							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim purus eu nunc
-							ullamcorper, vel convallis ante tincidunt.
+							{t("footerbody2")}
 						</Typography>
 					</Grid>
 					<Grid item md={2} xs={12}>

diff --git a/src/Pages/Landing.js b/src/Pages/Landing.js
@@ -75,7 +75,7 @@ export default function Landing() {
 							/>
 
 							<Typography variant="body2" sx={{ pl: 1 }}>
-								Android App
+								{t("AndroidApp")}
 							</Typography>
 						</Button>
 
@@ -94,7 +94,7 @@ export default function Landing() {
 							}}
 						>
 							<Typography variant="body2" sx={{ pl: 1 }}>
-								Desktop App
+								{t("DesktopApp")}
 							</Typography>
 						</Button>
 					</Box>
@@ -104,13 +104,13 @@ export default function Landing() {
 			{/* How it works */}
 			<Box textAlign="center" sx={{ pt: { md: 10, xs: 7 }, px: { md: 30, xs: 3 }, mb: 0 }}>
 				<Typography variant="h4" sx={{ fontWeight: 700, fontSize: { xs: "25px", md: "33px" } }}>
-					How It Works
+					{t("HowItWorks")}
 				</Typography>
 
 				<Grid container spacing={2} justifyContent="center" alignItems="center">
 					<Grid item xs={12} md={6}>
 						<Typography variant="h5" sx={{ p: { md: 5, xs: 2 } }}>
-							Grant permission for RelaySMS to send emails, posts, or messages on your behalf.
+							{t("HowItWorksA")}
 						</Typography>
 					</Grid>
 					<Grid item xs={12} md={6}>
@@ -127,16 +127,15 @@ export default function Landing() {
 					</Grid>
 					<Grid item xs={12} md={6}>
 						<Typography variant="h5" sx={{ p: { md: 5, xs: 2 } }}>
-							Compose your email, post, or message, and it will be automatically sent using your
-							default SMS app.
+							{t("HowItWorksB")}
 						</Typography>
 					</Grid>
 				</Grid>
 
 				<Grid container spacing={2} justifyContent="center" alignItems="center">
 					<Grid item xs={12} md={6}>
 						<Typography variant="h5" sx={{ p: { md: 5, xs: 2 } }}>
-							Your content reaches RelaySMS access points and is published on your behalf.
+							{t("HowItWorksC")}
 						</Typography>
 					</Grid>
 					<Grid item xs={12} md={6}>
@@ -154,7 +153,7 @@ export default function Landing() {
 					</Grid>
 					<Grid item xs={12} md={6}>
 						<Typography variant="h5" sx={{ p: { md: 5, xs: 2 } }}>
-							Receive a response via SMS indicating success or failure.
+							{t("HowItWorksD")}
 						</Typography>
 					</Grid>
 				</Grid>
@@ -164,7 +163,8 @@ export default function Landing() {
 					rel="noreferrer noopener"
 				>
 					<Typography variant="body1" sx={{ p: 2, textDecoration: "underline" }}>
-						Getting Started <FaCircleArrowRight size="20px" style={{ rotate: "-30deg" }} />
+						{t("GettingStartedButton")}
+						<FaCircleArrowRight size="20px" style={{ rotate: "-30deg" }} />
 					</Typography>
 				</a>
 			</Box>

diff --git a/src/Pages/i18n/Config.js b/src/Pages/i18n/Config.js
@@ -20,30 +20,42 @@ i18n
 					Home: "Home",
 					help: "Help",
 					github: "GitHub",
-					Blog: "Blog"
+					Blog: "Blog",
+					HowItWorks: "How It Works",
+					HowItWorksA:
+						"Grant permission for RelaySMS to send emails, posts, or messages on your behalf",
+					HowItWorksB:
+						" Compose your email, post, or message, and it will be automatically sent using your default SMS app.",
+					HowItWorksC:
+						"Your content reaches RelaySMS access points and is published on your behalf.",
+					HowItWorksD: "Receive a response via SMS indicating success or failure.",
+					GettingStartedButton: "Getting Started"
+				},
+				footer: {
+					RelaySMS: "RelaySMS"
 				}
 			},
 			// french
 			fr: {
 				translation: {
 					landingh1: "continuez à parler avec Relaysms",
-					landingh2:
-						"Envoyez des e-mails, des publications et des messages en toute sécurité via SMS.",
+					landingh2: "Envoyez des messages en toute transparence avec RelaySMS",
 					Home: "Accueil",
 					help: "Aide",
 					github: "GitHub",
-					Blog: "Blog"
-				}
-			},
-			//fashi
-			fa: {
-				translation: {
-					landingh1: "با Relaysms صحبت کنید",
-					landingh2: "ارسال ایمیل، پست و پیام به صورت ایمن از طریق SMS.",
-					Home: "صفحه فرود",
-					help: "کمک",
-					github: "GitHub",
-					Blog: "وبلاگ"
+					Blog: "Blog",
+					HowItWorks: "Comment ça marche",
+					HowItWorksA:
+						"Autorisez RelaySMS à envoyer des e-mails, des publications ou des messages en votre nom",
+					HowItWorksB:
+						"Composez votre e-mail, votre publication ou votre message et il sera envoyé automatiquement via votre application SMS par défaut.",
+					HowItWorksC:
+						"Votre contenu atteint les points d'accès de RelaySMS et est publié en votre nom.",
+					HowItWorksD: "Recevez une réponse par SMS indiquant le succès ou l'échec.",
+					GettingStartedButton: "Commencer"
+				},
+				footer: {
+					RelaySMS: "RelaySMS"
 				}
 			}
 		}

diff --git a/src/Pages/i18n/locals/en/translation.json b/src/Pages/i18n/locals/en/translation.json
@@ -9,5 +9,17 @@
 		"help": "Help",
 		"github": "GitHub",
 		"Blog": "Blog"
+	},
+	"Howitworks": {
+		"HowItWorks": "How it works",
+		"HowItWorksA": "Authorize RelaySMS to send emails, posts, or messages on your behalf",
+		"HowItWorksB": "Compose your email, post, or message, and it will be automatically sent using your default SMS app.",
+		"HowItWorksC": "Your content reaches RelaySMS access points and is published on your behalf.",
+		"HowItWorksD": "Receive a response via SMS indicating success or failure.",
+		"GettingStartedButton": "Get Started"
+	},
+	"footer": {
+		"RelaySMS": "RelaySMS",
+		"footerbody2": "The customer is very important, the customer will be followed by the customer. But now, the best thing is pure football or valley before valley."
 	}
 }
diff --git a/src/Pages/i18n/locals/fr/translation.json b/src/Pages/i18n/locals/fr/translation.json
@@ -1,13 +1,27 @@
 {
 	"Landing": {
 		"landingh1": "continuez à parler avec Relaysms",
-		"subtitle": "Envoyez des e-mails, des publications et des messages en toute sécurité via SMS."
+		"subtitle": "Envoyez des e-mails, des publications et des messages en toute sécurité via SMS.",
+		"AndroidApp": "Application Android",
+		"DesktopApp": "Application de bureau"
 	},
 
 	"Nav": {
 		"Home": "Accueil",
 		"help": "Aide",
 		"github": "GitHub",
 		"Blog": "Blog"
+	},
+	"Howitworks": {
+		"HowItWorks": "Comment ça marche",
+		"HowItWorksh5A": "Autorisez RelaySMS à envoyer des e-mails, des publications ou des messages en votre nom",
+		"HowItWorksh5B": "Composez votre e-mail, votre publication ou votre message et il sera envoyé automatiquement via votre application SMS par défaut.",
+		"HowItWorksh5C": "Votre contenu atteint les points d'accès de RelaySMS et est publié en votre nom.",
+		"HowItWorksh5D": "Recevez une réponse par SMS indiquant le succès ou l'échec.",
+		"GettingStartedButton": "Commencer"
+	},
+	"footer": {
+		"RelaySMS": "RelaySMS",
+		"footerbody2": "Le client est très important, le client sera suivi par le client. Mais maintenant, la meilleure chose c'est le football purullamcorper, ou vallée avant tincidunt."
 	}
 }