From 15dffb3a0216c0eccc06b2fc449c423aba6811b2 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Thu, 21 Jul 2022 22:22:30 -0600
Subject: add register and login pages, DRY up more, add $comp, add new
 components

---
 src/components/LandingHero.svelte | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

(limited to 'src/components/LandingHero.svelte')

diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index 756564de..828eed35 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -1,5 +1,6 @@
 <script>
-	import { PrimaryButton } from '../components';
+	import { goto } from '$app/navigation';
+	import { PrimaryButton, Icon, Image } from '$comp';
 </script>
 
 <div>
@@ -9,11 +10,7 @@
 		>
 			The <span class="relative">
 				easiest
-				<img
-					src="/icons/rays.svg"
-					alt="rays"
-					class="absolute -top-16 left-5 md:left-8 lg:left-14 2xl:left-24"
-				/>
+				<Icon icon="rays" style="absolute -top-16 left-5 md:left-8 lg:left-14 2xl:left-24" />
 			</span> way to accept Bitcoin in your store.
 		</h1>
 		<h2
@@ -23,13 +20,9 @@
 			of Sale. No software or hardware required.
 		</h2>
 		<div class="flex justify-center">
-			<PrimaryButton title="Start in Seconds" />
+			<PrimaryButton title="Start in Seconds" click={() => goto('/register')} />
 		</div>
 	</div>
 	<!-- hero image -->
-	<img
-		src="/images/hero-image.png"
-		alt="tablet-pos"
-		class="w-full md:w-2/3 max-w-5xl mx-auto mt-20"
-	/>
+	<Image image="hero-image" style="w-full md:w-2/3 max-w-5xl mx-auto mt-20" />
 </div>
-- 
cgit v1.2.3