From 0f767571be758ec7eb3c11c5bcd608adfbb9328b Mon Sep 17 00:00:00 2001
From: Adrien Hopkins <ahopk127@my.yorku.ca>
Date: Fri, 29 Jul 2022 12:56:23 -0500
Subject: localized landing header

---
 src/components/LandingHeader.svelte | 12 +++++++-----
 src/locales/en.json                 |  7 ++++++-
 src/locales/fr.json                 |  7 ++++++-
 3 files changed, 19 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 4da9a17e..b0ac0a9d 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -3,6 +3,8 @@
 	import { scroll } from '$lib/utils';
 	import { Icon } from '$comp';
 
+  import { _ } from 'svelte-i18n';
+
 	export let howItWorks;
 	export let faq;
 </script>
@@ -14,17 +16,17 @@
 		</a>
 
 		<div class="hidden space-x-10 md:flex flex-wrap justify-center items-center font-bold">
-			<button on:click={() => scroll(howItWorks)}>How It Works</button>
-			<button on:click={() => scroll(faq)}>FAQ</button>
-			<button>About</button>
+			<button on:click={() => scroll(howItWorks)}>{$_('howItWorks')}</button>
+			<button on:click={() => scroll(faq)}>{$_('FAQ')}</button>
+			<button>{$_('about')}</button>
 			<button class="border rounded-full px-6 py-2 font-bold" on:click={() => goto('/register')}
-				>Start in Seconds</button
+				>{$_('startInSeconds')}</button
 			>
 			<button
 				class="bg-black text-white border rounded-full px-6 py-2 font-bold"
 				on:click={() => goto('/login')}
 			>
-				Sign in
+        {$_('signIn')}
 			</button>
 		</div>
 	</nav>
diff --git a/src/locales/en.json b/src/locales/en.json
index b7c7f102..97ae2cd3 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,3 +1,8 @@
 {
-  "langname": "English"
+  "langname": "English",
+  "howItWorks": "How It Works",
+  "faq": "FAQ",
+  "about": "About",
+  "startInSeconds": "Start in Seconds",
+  "signIn": "Sign In"
 }
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 265783e9..ec0b5016 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -1,3 +1,8 @@
 {
-  "langname": "Français"
+  "langname": "Français",
+  "howItWorks": "Comment Ça Fonctionne",
+  "faq": "FAQ",
+  "about": "À Propos",
+  "startInSeconds": "Commence en Secondes",
+  "signIn": "Connexion"
 }
-- 
cgit v1.2.3