diff options
| author | secondl1ght <[email protected]> | 2022-07-21 12:16:53 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-07-21 12:16:53 -0600 |
| commit | 80ad3d204ae01899803d9c5d83cb22a64e474456 (patch) | |
| tree | 2a2389995c3897a025167a4706648291e815188f /src/routes | |
| parent | 4ae7855829faacfc5c29ff3284ef0d751bb2bc6c (diff) | |
| download | coinos-ui-80ad3d204ae01899803d9c5d83cb22a64e474456.tar.gz coinos-ui-80ad3d204ae01899803d9c5d83cb22a64e474456.zip | |
update images to higher quality, refactor and updates from genes review
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/index.svelte | 25 |
1 files changed, 12 insertions, 13 deletions
diff --git a/src/routes/index.svelte b/src/routes/index.svelte index da3c01a5..b52dab67 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -71,13 +71,14 @@ <h1 class="text-5xl md:text-6xl lg:text-7xl 2xl:text-8xl font-medium text-center w-full md:w-3/4 lg:w-1/2 max-w-7xl mx-auto leading-tight" > - The <span class="relative" - >easiest<img + 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" - /></span - > way to accept Bitcoin in your store. + /> + </span> way to accept Bitcoin in your store. </h1> <h2 class="text-center text-secondary w-full md:w-3/5 lg:w-2/5 max-w-3xl mx-auto text-xl leading-normal font-medium" @@ -89,17 +90,16 @@ <PrimaryButton title="Start in Seconds" /> </div> </div> - - <div - class="bg-gradient-to-br from-[#F5F7FA] via-[#EAF2FF] to-[#DEDFFF] rounded-full w-[300px] h-[300px] md:w-[450px] md:h-[450px] lg:w-[500px] lg:h-[500px] xl:w-[600px] xl:h-[600px] 2xl:w-[650px] 2xl:h-[650px] mx-auto mt-20 flex justify-center items-center" - > - <img src="/images/hero-image.svg" alt="tablet-pos" /> - </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" + /> </div> <!-- landing info 1 --> <LandingInfoCard - gradients="from-[#FFF9FF] via-[#F7FBFE] to-[#ECEFFF]" image="lightning-qr" title="Instant payments via Lightning." description="The moment your customer sends a payment, it’s there. No waiting for bank settlements or @@ -109,7 +109,6 @@ <!-- landing info 2 --> <LandingInfoCard - gradients="from-[#F5F7FA] via-[#EAF2FF] to-[#DEDFFF]" image="phone-checkout" title="Simple to use, custodial by default." order="reverse" @@ -125,7 +124,7 @@ <!-- landing info 3 --> <LandingInfoCard - gradients="from-[#FFF9FF] via-[#F7FBFE] to-[#ECEFFF]" + image="lightning-qr" title="Brand it your way!" description="Customize your point of sale look and feel, or keep it on default - totally up to you." /> |