diff options
| author | secondl1ght <[email protected]> | 2022-07-21 22:22:30 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-07-21 22:22:30 -0600 |
| commit | 15dffb3a0216c0eccc06b2fc449c423aba6811b2 (patch) | |
| tree | a664d3217f40c06b81c1b73f4c1761b3961f8bc8 /src/components/LandingHero.svelte | |
| parent | a124ebdfdc90aee2c8af0fffa83500055829db92 (diff) | |
| download | coinos-ui-15dffb3a0216c0eccc06b2fc449c423aba6811b2.tar.gz coinos-ui-15dffb3a0216c0eccc06b2fc449c423aba6811b2.zip | |
add register and login pages, DRY up more, add $comp, add new components
Diffstat (limited to 'src/components/LandingHero.svelte')
| -rw-r--r-- | src/components/LandingHero.svelte | 17 |
1 files changed, 5 insertions, 12 deletions
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> |