aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2023-05-25 10:25:12 -0700
committerAdam Soltys <[email protected]>2023-05-25 10:25:12 -0700
commit1efc00e2847f102b4456a17e75cc18448c7ae546 (patch)
tree01879a628231ef1e3918b4ae743e38729c8685b4 /src
parentffe858b55dd9bfedddc75c88e6355008002ec3fb (diff)
downloadcoinos-ui-1efc00e2847f102b4456a17e75cc18448c7ae546.tar.gz
coinos-ui-1efc00e2847f102b4456a17e75cc18448c7ae546.zip
instructions
Diffstat (limited to 'src')
-rw-r--r--src/routes/+page.svelte46
1 files changed, 42 insertions, 4 deletions
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4d0516e2..efdd351d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -43,7 +43,7 @@
}
});
- let src = Qr.drawImg('https://coinos.io/marisol', { size: 3200 });
+ let src = Qr.drawImg('https://coinos.io/eotl', { size: 3200 });
</script>
<svelte:head>
@@ -53,17 +53,55 @@
<LandingHeader {howItWorks} {faq} {about} {user} />
<main class="space-y-40 py-20 md:py-32 lg:py-36 xl:py-40 px-5 md:px-0">
+ <div class="space-y-5 border-8 border-black p-8 w-[800px] mx-auto">
+ <div class="flex w-full justify-center gap-4">
+ <img src="/images/bitcoin.png" class="w-14" />
+ <h3 class="text-5xl font-medium text-center">Bitcoin Instructions</h3>
+ <div class="text-5xl">⚡️</div>
+ </div>
+ <div>
+ <p class="text-center text-lg">Public Payment Page</p>
+ <div class="flex justify-center text-2xl"><b>https://coinos.io/eotl</b></div>
+ </div>
+ <div>
+ <p class="text-center text-lg">Staff Login</p>
+ <div class="flex justify-center text-2xl"><b>eotl / general123</b></div>
+ </div>
+ <p class="text-center text-lg">What to do if a customer asks to pay with Bitcoin</p>
+ <ol class="list-decimal ml-4">
+ <li class="pt-2">Enter the sale into your existing PoS as if it were paid by cash.</li>
+ <li class="pt-2">Generate a customer receipt with the total sale including tax.</li>
+ <li class="pt-2">Before handing over the receipt, tell the customer their total or let them read it off the till.</li>
+ <li class="pt-2">Direct them to scan the provided QR to visit your payment page.</li>
+ <li class="pt-2">Wait for them to enter their total and tip and send the payment.</li>
+ <li class="pt-2">You may ask them to step aside while you service other customers.</li>
+ <li class="pt-2">Check the merchant receipt that comes out of the Coinos printer to ensure the total is correct.</li>
+ <li class="pt-2">Save the Coinos receipt and total it up with cash at closing time.</li>
+ <li class="pt-2">Hand the customer their items and the customer receipt you generated from your PoS.</li>
+ </ol>
+
+ <p>
+ You can view all received payments at <b>https://coinos.io/eotl/payments</b>
+ </p>
+
+ <img src="/images/logo.png" class="ml-auto" style="width: 120px" />
+ </div>
<div class="space-y-8 border-8 border-black p-8 w-[680px] mx-auto">
<div class="flex w-full justify-center gap-4">
<img src="/images/bitcoin.png" class="w-14" />
<h3 class="text-5xl font-medium text-center">Pay with Bitcoin</h3>
- <div class="text-5xl">⚡️</div>
+ <div class="text-5xl">⚡️</div>
</div>
<Q {src} />
- <div class="text-center text-4xl">https://coinos.io/marisol</div>
+ <div class="text-center text-4xl">https://coinos.io/eotl</div>
<div>
- <div class="text-center text-xl pt-2">Scan with your <b>Camera</b> app to <b>open this URL in a browser</b>, then click <b>Pay</b> to enter your total</div>
+ <div class="text-center text-xl pt-2">
+ 1. Use your <b>Camera</b> app to <b>open this URL in a browser</b>
+ </div>
+ <div class="text-center text-xl pt-2">2. Click <b>Pay</b> to enter your bill total</div>
+ <div class="text-center text-xl pt-2">3. Pay with your favourite <b>Bitcoin Lightning</b> wallet app</div>
</div>
+ <img src="/images/logo.png" class="ml-auto" style="width: 120px" />
</div>
<LandingHero {user} />
<LandingInfoCard