add register and login pages, DRY up more, add $comp, add new components

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>