aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/index.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2022-08-16 15:31:41 -0700
committerAdam Soltys <[email protected]>2022-08-16 15:31:41 -0700
commit770725fbdcc8ea7bf47ef0af5a43a239bef98ff6 (patch)
tree445d55b896a63eab5a29204e720a9e74d0629697 /src/routes/index.svelte
parent0b51e1dfd0d099c243d21889fb77fea4769dac0a (diff)
downloadcoinos-ui-770725fbdcc8ea7bf47ef0af5a43a239bef98ff6.tar.gz
coinos-ui-770725fbdcc8ea7bf47ef0af5a43a239bef98ff6.zip
sveltekit route migration
Diffstat (limited to 'src/routes/index.svelte')
-rw-r--r--src/routes/index.svelte124
1 files changed, 0 insertions, 124 deletions
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
deleted file mode 100644
index f50db726..00000000
--- a/src/routes/index.svelte
+++ /dev/null
@@ -1,124 +0,0 @@
-<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 />