diff options
Diffstat (limited to 'src/components/LandingHeader.svelte')
| -rw-r--r-- | src/components/LandingHeader.svelte | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index c6cd4095..d6d55863 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -1,6 +1,7 @@ <script> + import { goto } from '$app/navigation'; import { scroll } from '../lib/utils'; - import { PrimaryButton, SecondaryButton } from '../components'; + import { PrimaryButton, SecondaryButton, Icon } from '$comp'; export let howItWorks; export let faq; @@ -9,14 +10,15 @@ <header class="w-full lg:w-5/6 pt-10 mx-auto"> <nav class="block xl:flex flex-wrap justify-between items-center"> <a href="/"> - <img src="/icons/logo.svg" alt="logo" class="mx-auto mb-5 xl:mb-0" /> + <Icon icon="logo" style="mx-auto mb-5 xl:mb-0" /> </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> - <SecondaryButton title="Start in Seconds" /> - <PrimaryButton title="Login" /> + <SecondaryButton title="Start in Seconds" click={() => goto('/register')} /> + <PrimaryButton title="Sign In" click={() => goto('/login')} /> </div> </nav> </header> |