From 6324db09424852129ed032c867c0e0b24028fd5a Mon Sep 17 00:00:00 2001 From: secondl1ght <85003930+secondl1ght@users.noreply.github.com> Date: Wed, 20 Jul 2022 18:27:48 -0600 Subject: initial draft of landing page --- src/app.css | 9 ++ src/app.html | 5 +- src/components/FaqCard.svelte | 11 +++ src/components/HowItWorksCard.svelte | 13 +++ src/components/index.js | 2 + src/lib/store.js | 0 src/lib/utils.js | 3 + src/routes/index.svelte | 166 +++++++++++++++++++++++++++++++++++ 8 files changed, 208 insertions(+), 1 deletion(-) create mode 100644 src/components/FaqCard.svelte create mode 100644 src/components/HowItWorksCard.svelte create mode 100644 src/components/index.js create mode 100644 src/lib/store.js create mode 100644 src/lib/utils.js (limited to 'src') diff --git a/src/app.css b/src/app.css index b5c61c95..81307829 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,12 @@ @tailwind base; @tailwind components; @tailwind utilities; + +@font-face { + font-family: 'PublicSans'; + src: url('/fonts/Public_Sans/static/PublicSans-Regular.ttf') format('truetype'); +} + +html { + font-family: PublicSans, sans-serif; +} diff --git a/src/app.html b/src/app.html index 2f836746..335772ac 100644 --- a/src/app.html +++ b/src/app.html @@ -2,8 +2,11 @@ - + + + + CoinOS %sveltekit.head% diff --git a/src/components/FaqCard.svelte b/src/components/FaqCard.svelte new file mode 100644 index 00000000..5753fd87 --- /dev/null +++ b/src/components/FaqCard.svelte @@ -0,0 +1,11 @@ + + +
+

{question}

+

+ {answer} +

+
diff --git a/src/components/HowItWorksCard.svelte b/src/components/HowItWorksCard.svelte new file mode 100644 index 00000000..6f94efcb --- /dev/null +++ b/src/components/HowItWorksCard.svelte @@ -0,0 +1,13 @@ + + +
+ {image} +

{step}

+

+ {description} +

+
diff --git a/src/components/index.js b/src/components/index.js new file mode 100644 index 00000000..4c1bc8f3 --- /dev/null +++ b/src/components/index.js @@ -0,0 +1,2 @@ +export { default as HowItWorksCard } from './HowItWorksCard.svelte'; +export { default as FaqCard } from './FaqCard.svelte'; diff --git a/src/lib/store.js b/src/lib/store.js new file mode 100644 index 00000000..e69de29b diff --git a/src/lib/utils.js b/src/lib/utils.js new file mode 100644 index 00000000..ba0d8335 --- /dev/null +++ b/src/lib/utils.js @@ -0,0 +1,3 @@ +export function scroll(section) { + section.scrollIntoView({ behavior: 'smooth' }); +} diff --git a/src/routes/index.svelte b/src/routes/index.svelte index e69de29b..71bd7870 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -0,0 +1,166 @@ + + +
+ +
+ +
+ +
+
+

+ The easiestrays way to accept Bitcoin in your store. +

+

+ Grow your customer base and revenue by accepting Bitcoin with an easy-to-use and managed + Point of Sale. No software or hardware required. +

+
+ +
+
+ +
+ tablet-pos +
+
+ + +
+
+ lightning-qr +
+
+

Instant payments via Lightning.

+

+ The moment your customer sends a payment, it’s there. No waiting for bank settlements or + worrying about chargebacks. Instant settlement, in seconds. Say goodbye to 3% credit card + processing fees. +

+
+
+ + +
+
+ phone-checkout +
+
+

Simple to use, custodial by default.

+

+ Just enter an amount, share QR code and you’re done. +

+ CoinOS is custodial by default, which eliminates the need to understand how bitcoin/lightning + works. We do all the heavy lifting so you can focus on your business. +

+ You always have the option of + taking custody of your own keys. +

+
+
+ + +
+
+
+

Brand it your way!

+

+ Customize your point of sale look and feel, or keep it on default - totally up to you. +

+
+
+ + +
+

How it works

+
+ {#each howItWorksSteps as step} + + {/each} +
+
+ + +
+

FAQ

+ {#each faqQuestions as question} + + {/each} +
+
-- cgit v1.2.3