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/components/FaqCard.svelte        | 11 +++++++++++
 src/components/HowItWorksCard.svelte | 13 +++++++++++++
 src/components/index.js              |  2 ++
 3 files changed, 26 insertions(+)
 create mode 100644 src/components/FaqCard.svelte
 create mode 100644 src/components/HowItWorksCard.svelte
 create mode 100644 src/components/index.js

(limited to 'src/components')

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 @@
+<script>
+	export let question;
+	export let answer;
+</script>
+
+<div class="mx-auto w-full md:w-2/3 lg:w-1/2 space-y-5">
+	<p class="text-2xl font-medium">{question}</p>
+	<p class="text-secondary text-xl font-medium w-full md:w-2/3 max-w-2xl">
+		{answer}
+	</p>
+</div>
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 @@
+<script>
+	export let image;
+	export let step;
+	export let description;
+</script>
+
+<div class="space-y-5">
+	<img src="/icons/{image}.svg" alt={image} class="mx-auto w-32 h-32" />
+	<p class="text-2xl font-medium">{step}</p>
+	<p class="text-secondary text-xl font-medium w-full md:w-2/3 mx-auto">
+		{description}
+	</p>
+</div>
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';
-- 
cgit v1.2.3