-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: added ledger and wombat pages
- Loading branch information
Showing
2 changed files
with
133 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |