Skip to content

Commit

Permalink
chore: added ledger and wombat pages
Browse files Browse the repository at this point in the history
  • Loading branch information
dafuga committed Sep 18, 2024
1 parent 0c09120 commit c39e6eb
Show file tree
Hide file tree
Showing 2 changed files with 133 additions and 0 deletions.
67 changes: 67 additions & 0 deletions src/routes/[network]/(account)/ledger/+page.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<script lang="ts">
import * as m from '$lib/paraglide/messages.js';
import Pageheader from '$lib/components/pageheader.svelte';
import Stack from '$lib/components/layout/stack.svelte';
import Button from '$lib/components/button/button.svelte';
const steps = [
{
title: 'Purchase a Ledger Device',
description:
'Buy a Ledger hardware wallet from the official Ledger website or an authorized reseller.',
link: 'https://www.ledger.com/'
},
{
title: 'Set Up Your Ledger',
description:
'Follow the instructions provided with your Ledger device to set it up and create a new wallet.'
},
{
title: 'Install Ledger Live',
description:
'Download and install Ledger Live software on your computer to manage your device and cryptocurrencies.',
link: 'https://www.ledger.com/ledger-live'
},
{
title: 'Install the EOS App',
description: 'Use Ledger Live to install the EOS app on your Ledger device.'
},
{
title: 'Connect to EOS Network',
description:
'Use a compatible EOS wallet interface that supports Ledger to connect your device and interact with the EOS network.'
}
];
</script>

<Stack>
<Pageheader
title="Setup Ledger Wallet"
subtitle="Follow these steps to get started with your Ledger hardware wallet"
/>

<div class="container mx-auto p-4">
<ol class="list-decimal space-y-6 pl-5">
{#each steps as step, index}
<li>
<h2 class="mb-2 text-xl font-semibold">{step.title}</h2>
<p class="mb-2">{step.description}</p>
{#if step.link}
<Button href={step.link} blank rel="noopener noreferrer">Visit Ledger Website</Button>
{/if}
</li>
{/each}
</ol>

<div class="mt-8">
<h2 class="mb-4 text-xl font-semibold">Why Choose Ledger?</h2>
<ul class="list-disc space-y-2 pl-5">
<li>Highest level of security for your cryptocurrencies</li>
<li>Supports a wide range of cryptocurrencies, including EOS</li>
<li>User-friendly interface with Ledger Live software</li>
<li>Offline storage of private keys for enhanced protection</li>
<li>Regular firmware updates to maintain security and add new features</li>
</ul>
</div>
</div>
</Stack>
66 changes: 66 additions & 0 deletions src/routes/[network]/(account)/wombat/+page.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<script lang="ts">
import * as m from '$lib/paraglide/messages.js';
import Pageheader from '$lib/components/pageheader.svelte';
import Stack from '$lib/components/layout/stack.svelte';
import Button from '$lib/components/button/button.svelte';
const steps = [
{
title: 'Download Wombat',
description:
"Visit the official Wombat website or your device's app store to download the Wombat wallet app.",
link: 'https://www.getwombat.io/'
},
{
title: 'Install the App',
description:
'Follow the installation instructions for your device to install the Wombat wallet app.'
},
{
title: 'Create a New Account',
description:
'Open the Wombat app and select "Create a new account". Follow the prompts to set up your wallet.'
},
{
title: 'Secure Your Account',
description:
'Write down your recovery phrase and store it in a safe place. This is crucial for account recovery.'
},
{
title: 'Fund Your Wallet',
description:
'Transfer some cryptocurrency to your new Wombat wallet address to start using it.'
}
];
</script>

<Stack>
<Pageheader
title="Setup Wombat Wallet"
subtitle="Follow these steps to get started with Wombat"
/>

<div class="container mx-auto p-4">
<ol class="list-decimal space-y-6 pl-5">
{#each steps as step, index}
<li>
<h2 class="mb-2 text-xl font-semibold">{step.title}</h2>
<p class="mb-2">{step.description}</p>
{#if step.link}
<Button href={step.link} blank rel="noopener noreferrer">Visit Wombat Website</Button>
{/if}
</li>
{/each}
</ol>

<div class="mt-8">
<h2 class="mb-4 text-xl font-semibold">Why Choose Wombat?</h2>
<ul class="list-disc space-y-2 pl-5">
<li>User-friendly interface for beginners</li>
<li>Supports multiple blockchains including EOS</li>
<li>Built-in dApp browser for easy access to decentralized applications</li>
<li>Secure storage for your digital assets</li>
</ul>
</div>
</div>
</Stack>

0 comments on commit c39e6eb

Please sign in to comment.