diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/LandingHeader.svelte | 12 | ||||
| -rw-r--r-- | src/locales/en.json | 7 | ||||
| -rw-r--r-- | src/locales/fr.json | 7 |
3 files changed, 19 insertions, 7 deletions
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" } |