This repository has been archived by the owner on Jun 27, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.tsx
57 lines (53 loc) · 1.79 KB
/
index.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import Head from 'next/head';
import dynamic from 'next/dynamic';
import Image from 'next/image';
const Connect = dynamic(() => import('../components/Connect').then(m => m.Connect), {
ssr: false,
});
export default function Home() {
return (
<>
<Head>
<title>@polkadot/extension-dapp example</title>
</Head>
<a
className="absolute top-4 right-4"
href="https://github.com/andriishupta/polkadot-extension-dapp-example"
target="_blank"
rel="noreferrer"
>
<Image src="/github.png" alt="andriishupta's github" width={32} height={32}/>
</a>
<main>
<div className="px-6 lg:px-8">
<div className="mx-auto max-w-3xl pt-20 pb-32 sm:pt-48 sm:pb-40">
<div>
<div>
<h1 className="text-4xl font-bold tracking-tight sm:text-center sm:text-6xl">
Connect your website with
{' '}
<a
href="https://polkadot.js.org/docs/extension"
target="_blank"
rel="noreferrer"
className="prose prose-code text-3xl underline"
>
@polkadot/extension-dapp
</a>
</h1>
<p className="mt-6 text-lg leading-8 text-gray-600 sm:text-center">
Use one of Polkadot's{' '}
<a href="https://wiki.polkadot.network/docs/build-wallets" target="_blank" rel="noreferrer"
className="underline">wallets</a>
</p>
<div className="mt-8 flex gap-x-4 sm:justify-center">
<Connect/>
</div>
</div>
</div>
</div>
</div>
</main>
</>
);
}