1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
<script>
import {
LandingHeader,
LandingHero,
LandingInfoCard,
HowItWorksCard,
FaqCard,
Image,
About,
Footer
} from '$comp';
let howItWorks;
let faq;
let about;
const howItWorksSteps = [
{
image: 'hand',
step: '1. Create your account',
description: 'A username & password is all you need to get started.'
},
{
image: 'bolt',
step: '2. Ask for payments',
description: 'The same as you normally would, but with Bitcoin.'
},
{
image: 'smile',
step: "3. That's all!",
description: 'You can convert to local currency at any point.'
}
];
const faqQuestions = [
{
question: 'What does it cost?',
answer:
'CoinOS is free to use. You only pay a 1% fee if/when you withdraw your funds. Compare this to 3% typically charged by a credit card processor.'
},
{
question: 'Do I need any special device or software?',
answer:
'No. CoinOS is web-based, so as long as you have an internet connection, you can use it on any device or hardware. Most merchants might use it on a phone or a tablet.'
},
{
question: 'Are my funds safe?',
answer:
'Your funds are stored on our secure server, however we recommend that you withdraw them to your own cold storage for long-term savings.'
}
];
</script>
<LandingHeader {howItWorks} {faq} {about} />
<main class="space-y-40 py-20 md:py-32 lg:py-36 xl:py-40 px-5 md:px-0">
<!-- hero -->
<LandingHero />
<!-- landing info 1 -->
<LandingInfoCard
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
worrying about chargebacks. Instant settlement, in seconds. Say goodbye to 3% credit card
processing fees."
/>
<!-- landing info 2 -->
<LandingInfoCard
image="phone-checkout"
title="Simple to use, custodial by default."
order="reverse"
>
Just enter an amount, share QR code and you’re done.
<br /><br />
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.
<br /><br />
You always have the option of
<span class="underline underline-offset-4">taking custody</span> of your own keys.
</LandingInfoCard>
<!-- landing info 3 -->
<div>
<LandingInfoCard
image="customize"
title="Brand it your way!"
description="Customize your point of sale look and feel, or keep it on default - totally up to you."
/>
<div bind:this={howItWorks} />
</div>
<!-- how it works -->
<div>
<h3 class="text-5xl font-medium mb-10 text-center">How it works</h3>
<div
class="block lg:flex justify-center items-center space-y-10 lg:space-y-0 lg:space-x-10 text-center"
>
{#each howItWorksSteps as step}
<HowItWorksCard image={step.image} step={step.step} description={step.description} />
{/each}
</div>
<div bind:this={faq} />
</div>
<!-- faq -->
<div>
<div class="space-y-10">
<h3 class="text-5xl font-medium text-center">FAQ</h3>
{#each faqQuestions as question}
<FaqCard question={question.question} answer={question.answer} />
{/each}
</div>
<div bind:this={about} />
</div>
<!-- about -->
<div>
<About />
</div>
</main>
<Footer />
|
