diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FaqCard.svelte | 11 | ||||
| -rw-r--r-- | src/components/HowItWorksCard.svelte | 13 | ||||
| -rw-r--r-- | src/components/index.js | 2 |
3 files changed, 26 insertions, 0 deletions
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'; |