diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/LandingHeader.svelte | 12 |
1 files changed, 7 insertions, 5 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> |